CSS伪类实现元素的放大与还原

在我们的日常编程中，我们往往需要在编程中编写各种各样的代码来实现某种效果。
那么我们该如何实现一个通过CSS伪类来触发的元素的放大与还原效果呢?首先，首先这个效果的关键代码是transform: scale();而这个代码scale()呢，它有3种情况：
第一种呢是scale(x，x)，括号里的每一个x都代表一个数值，这种情况呢，是让它的宽度和高度同时放大缩小，例如scale(2，1)，这个的意思呢就是宽度放大2倍而高度保持不变，
第二种情况呢是scaleX()，这种情况的括号里呢只能有一个数值，这个数值代表的是宽度的放大与缩小
第三种情况呢是scaleY()，跟第二种情况差不多一样，它的括号里只能有一个数值，只不过这个数值代表的是高度的放大与缩小，而不是宽度。
如果我们是要通过伪类来触发这个效果的话，那么我们在编程的时候就得找到那个对象元素，给它添加一个伪类，如何在伪类的代码里写下transform: scale()，至于它的三种情况视我们所需要实现的效果来进行调整，下面给大家展示一下代码与效果的截图：

图片里面的这个代码transform: scale(2);表示的是当鼠标划进去的时候那个对象元素放大2倍，当鼠标划出来的时候1元素缩小还原，下面是效果图:


第一张是鼠标还没有划进去的时候的效果，第二张是鼠标已经从元素外面划到元素里面了的效果，然后当我们的鼠标再从里面划出来的时候，对象元素的效果就会恢复到原本的大小，跟第一张效果一模一样。