CSS实现一个简单的头像动画 |
您所在的位置:网站首页 › qq动画人物头像 › CSS实现一个简单的头像动画 |
在实际开发中,很多时候我们要引用avatar,在一些特定的场景下,我通常会给我的头像添加一些动画效果来增加交互体验。 transform在CSS中Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 代码如下 头像动画 img { width: 150px; border-radius: 50%; border: 5px solid #ffffff; transition: all 0.6s; } img:hover { transform: rotate(360deg); }可以添加一些其他样式,让它变得更好爱看,或者发挥你的想象让它更丰富多彩。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |