css动画效果还是很有趣味的,放一个图上去,鼠标移动到图片上,图片旋转,这个旋转的时间和角度,方向是可以设置的,相关属性需要了解一下。很有趣!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> img{ margin: 100px auto; transition:all 2s; } img:hover{ transform: rotatey(180deg); /*rotatey 通过传递一个度数值转动一个对象*/
/*以y轴为中心旋转*/
}</style><body><img src="" alt=""><!--放图片--></body></html>