网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
CSS要实现旋转动画需要用到transform属性中rotate()来设置,可以在X轴方向,Y轴方向,Z轴方向上进行旋转。
沿X轴方向旋转
在代码中指定旋转方向。这次的起点是0度,终点是360度(一次旋转),向X轴方向指定旋转。然后利用鼠标悬停让图片旋转。
animation-duration是动画处理的时间,animation-iteration-count是动画处理的次数。
@keyframes turnX{
0%{transform:rotateX(0deg);}
100%{transform:rotateX(360deg);}
}
#rX:hover{
animation-name:turnX;
animation-duration:3s;
animation-iteration-count:1;
}