css翻转
来源:互联网 发布:phpstorm配置mysql环境 编辑:程序博客网 时间:2024/05/19 01:29
CSS代码,高级浏览器使用transform,ie用滤镜实现。 1 /*水平翻转*/ 2 .flipx { 3 -moz-transform:scaleX(-1); 4 -webkit-transform:scaleX(-1); 5 -o-transform:scaleX(-1); 6 transform:scaleX(-1); 7 filter:FlipH(); 8 } 9 /*垂直翻转*/10 .flipy {11 -moz-transform:scaleY(-1);12 -webkit-transform:scaleY(-1);13 -o-transform:scaleY(-1);14 transform:scaleY(-1);15 filter:FlipV();16 }17 /*顺时针旋转90度*/18 .rotate90 {19 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);20 -moz-transform: rotate(90deg);21 -o-transform: rotate(90deg);22 -webkit-transform: rotate(90deg);23 transform: rotate(90deg);24 }25 /*顺时针旋转180度*/26 .rotate180 {27 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);28 -moz-transform: rotate(180deg);29 -o-transform: rotate(180deg);30 -webkit-transform: rotate(180deg);31 transform: rotate(180deg);32 }33 /*顺时针旋转270度*/34 .rotate270 {35 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);36 -moz-transform: rotate(270deg);37 -o-transform: rotate(270deg);38 -webkit-transform: rotate(270deg);39 transform: rotate(270deg);40 }
0 0
- css翻转
- CSS图片翻转
- css翻转文字
- css翻转效果
- CSS旋转与翻转
- CSS远距离翻转
- CSS旋转与翻转
- CSS旋转与翻转
- css头像翻转实例
- css做翻转效果
- css 实现元素翻转
- css翻转元素
- css实现翻转卡片效果
- CSS水平垂直翻转效果
- 用css将table翻转
- css控制图片翻转样式
- 纯Css效果,远距离翻转效果
- 用CSS滤镜实现图片翻转特效
- iOS开发之指定UIView的某几个角为圆角
- 成员变量、实例变量、属性之间的关系
- phonegap(3+) Hybrid开发,问题and解决。(更新)
- 代码风格(1)----头文件的结构
- 嵌入式数据库系统Berkeley DB
- css翻转
- ThinkPHP生成多张缩略图
- oracle怎么实现id自增和设置主键
- MySQL多字段模糊查询
- sql 向数据库中导入csv,xls文件
- Qt中各个widget前后位置的设定
- 多个无线路由器扩展wifi范围配置
- Java学习路线图,专为新手定制的Java学习计划建议
- bShare分享,多个分享按钮