CSS图标旋转90度是一种常用的效果,可以让页面元素更加生动、有趣。
.icon-rotate { transform: rotate(90deg); }
以上代码中,我们使用了CSS3的transform属性来实现旋转。
在transform属性中,rotate()函数可以实现元素旋转,括号中的值表示旋转角度,可以是正值也可以是负值。
当我们将角度设置为90度时,元素就会顺时针旋转90度。
❤
在HTML代码中,我们可以通过给元素添加class名称来实现CSS样式的调用。
上述代码中,我们添加了一个标签,并给它添加了class名称为icon-rotate。这个标签中包含着一个爱心图标,而我们的CSS样式则会将它旋转90度。
总的来说,实现CSS图标旋转90度是一种很好玩儿的CSS效果,可以让页面更具活力,吸引更多的用户关注。