css翻转元素
来源:互联网 发布:智多星项目造价软件 编辑:程序博客网 时间:2024/05/18 20:34
css翻转元素
pc端
/*水平翻转*/
.flipx {
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
/*IE*/
filter:FlipH;
}
/*垂直翻转*/
.flipy {
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
/*IE*/
filter:FlipV;
}
移动端
/*水平翻转*/
.flipx { transform: rotateY(180deg); }
/*垂直翻转*/
.flipy { transform: rotateX(180deg); }
pc端
/*水平翻转*/
.flipx {
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
/*IE*/
filter:FlipH;
}
/*垂直翻转*/
.flipy {
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
/*IE*/
filter:FlipV;
}
移动端
/*水平翻转*/
.flipx { transform: rotateY(180deg); }
/*垂直翻转*/
.flipy { transform: rotateX(180deg); }
阅读全文
0 0
- css 实现元素翻转
- css翻转元素
- css实现元素翻转(不是旋转)
- 元素翻转
- css翻转
- CSS图片翻转
- css翻转文字
- css翻转效果
- CSS旋转与翻转
- CSS远距离翻转
- CSS旋转与翻转
- CSS旋转与翻转
- css头像翻转实例
- css做翻转效果
- 链表相邻元素翻转
- 链表相邻元素翻转
- 链表相邻元素翻转
- 链表相邻元素翻转
- 文山湖畔
- 20个编写现代CSS代码的建议
- axios中对cookie的封装
- 9月29日 开始用博客记录我的学习之旅 (产品)
- 用ngrok做内网穿透
- css翻转元素
- runtime的基础学习
- MySQL 获得当前日期时间(以及时间的转换)
- 第三章、高级查询
- Runtime常用的几个应用场景(可以先看上一篇文章)
- 大学,大学,大学
- 用 @RequestMapping 来处理生产和消费对象
- 网络IP地址的简单理解
- iptables详解