中关村在线

软件

CSS实现图片翻转技巧

通过CSS的transform属性可让图片旋转180度,达到翻转效果,下面用实例进行说明。

1、 创建一个名为test.html的文件,通过该文件演示如何使用CSS实现图片翻转效果。

2、 在test.html中用img标签插入一张图片。

3、 在test.html文件里,为img标签添加class属性即可。

4、 利用class(myimg)在CSS中定义img标签的样式属性。

5、 在CSS中,利用transform属性配合rotate函数,将角度设为180度,即可实现图片的翻转效果。

6、 用浏览器打开test.html文件,观察页面实际效果。

7、 用img标签插入图片,并为其设置class属性。

展开全文
人赞过该文
内容纠错

相关电商优惠

评论

更多评论
还没有人评论~ 快来抢沙发吧~

读过此文的还读过

点击加载更多

内容相关产品

说点什么吧~ 0

发评论,赚金豆

收藏 0 分享
首页查报价问答论坛下载手机笔记本游戏硬件数码影音家用电器办公打印 更多

更多频道

频道导航
辅助工具