html图片旋转代码 如何把一张照片背景不动,人物旋转90度?
浏览量:2251
时间:2021-03-11 16:40:01
作者:admin
如何把一张照片背景不动,人物旋转90度?
1. 首先,准备一个包含两张图片的HTML文档,然后旋转这两张图片。
2. 然后为HTML中的内容定义一些样式,如下图所示,主要是title和UL样式。
3. 接下来,定义图像的宽度和高度,如下图所示。
4. 然后为图像设置过渡效果,并使用过渡属性进行过渡,如下图所示。
5. 当鼠标悬停在图像上时,通过rotate为其设置变形,如下图所示。正数表示顺时针方向,负数表示逆时针方向。
6. 最后,运行程序,您会看到如下图所示的效果,鼠标在图片上会顺时针或逆时针旋转。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
下一篇
c港是什么地方 青岛是什么地方