在HTML中如何使图片旋转


本文摘自PHP中文网,作者coldplay.xixi,侵删。

在HTML中使图片旋转的方法:首先在文件中添加图片,并在html文件中添加class为anim的div;然后设置anim的样式,并添加背景图片;接着添加鼠标hover事件;最后设置【rot_test】循环旋转动画。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

在HTML中使图片旋转的方法:

1、在文件夹中创建一个test的html文件,并放如一张img图片。

0dd033dcc91f9fee2cb4e17df3a564f.png

2、在html文件中添加class为 anim 的div。

75259c08d941f07ea24878aa83a08d3.png

3、设置anim的样式,并添加背景图片。

e2f08ca29def780718604e6919ad2a0.png

阅读剩余部分

相关阅读 >>

两分钟了解Html中a标签的用法

Html基本结构分析

用canvas实现简单的下雪效果(附代码)

Html自适应屏幕代码是什么?

Html如何禁止页面缩放

Html怎么点击图片跳转页面

Html script标签怎么用

Html table表格标签内容如何居中显示?表格的align属性的用法介绍

Html的正式名称是

Html表单有哪些标记

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...