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

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

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

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

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

http://img1.sycdn.imooc.com//climg/601cac80090c346005230394.jpg

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

http://img1.sycdn.imooc.com//climg/601cacd8098c0f5201230053.jpg

自己试试,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师