用伪类制作简单的动画效果

最新推荐文章于 2021-10-19 17:29:45 发布

等待中。。。。

最新推荐文章于 2021-10-19 17:29:45 发布

阅读量465

点赞数

本文链接：https://blog.csdn.net/shaddce/article/details/90632404

版权

hover是一个伪类，他可以改变鼠标移入字体的颜色，但是他的效果远远不止这样，他还可以用来制作简单的动画效果。

在这里插入图片描述

（2.）拿这个图作为例子，给他宽高各为150个像素，颜色为黑色，动画效果的过程，all是这个动画最初始化的样式属性，动画时间1秒，ease是整个过个为平均速度。最后是伪类，也是动画效果，毕竟这个是用伪类做出来的动画效果，效果和不用伪类的还是有差别的，用伪类的是要用鼠标移上去才行，不用伪类自己本身就会动。在最后给他宽高200像素后，鼠标移入他会变大，小于150则相反。