::before和after怎么实现的旋转

来源:5-1 课程总结

一万次悲声

2021-02-05 01:25:50

::before和after怎么实现的旋转,我理解是使用before是可以在p或者span前面增加相应的content,但是实现旋转这类动画是什么原理?

写回答

1回答

好帮手慕星星

2021-02-05

同学你好,实现旋转很简单,移入父盒子,让::after旋转即可。例如

http://img.mukewang.com/climg/601cac80090c346005230394.jpg

给p添加了::after,值为222,还需要设置为行内块,否则默认为行内元素无法旋转。然后:hover移入p让::after旋转。:hover::after连着一起写即可。效果

http://img.mukewang.com/climg/601cacd8098c0f5201230053.jpg

自己试试,祝学习愉快!

0

0 学习 · 15276 问题

查看课程