css3 新属性的兼容性之--transform
转载引用:http://blog.csdn.net/teresa502/article/details/8207198
transform 的四个rotate、scale、skew和translate属性,
目前支持的浏览器 Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+;
兼容性写法:
transform: rotate(45deg) scale(1.5) translate(150px, 200px);
-webkit-transform: rotate(45deg) scale(1.5) translate(150px, 200px); /* for Chrome || Safari */
-moz-transform: rotate(45deg) scale(1.5) translate(150px, 200px); /* for Firefox */
-ms-transform: rotate(45deg) scale(1.5) translate(150px, 200px); /* for IE */
-o-transform: rotate(45deg) scale(1.5) translate(150px, 200px); /* for Opera */
css3 新属性的兼容性之--transform相关推荐
- 两点补充——CSS3新属性以及弹性布局
CSS3 新属性 一.[ CSS3新增属性前缀 ] 1.-webkit-:chrome/safari 2.-moz-:火狐 3.-mo-:IE 4.-o-: Opera 欧朋 二 .[CSS 长度单位 ...
- 前端基础8:HTML5新增标签及CSS3新属性 viewport 动画
HTML5新增标签 标签名 描述 header 头部 section 区分大模块 nav 导航 footer 尾部 article 文章 aside 侧边栏 audio 音频 video 视频 fig ...
- 从零开始学前端:css3新属性scss和less --- 今天你学习了吗?(CSS:Day22)
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:形变 - 今天你学习了吗?(CSS:Day21) 文章目录 从零开始学前端:程序猿小白也可以完全掌握!-今 ...
- “约见”面试官系列之常见面试题第三十七篇之CSS3新属性(建议收藏)
目录 CSS3 结构(位置)伪类选择器(CSS3) 目标伪类选择器(CSS3) 属性选择器(CSS3) 伪元素选择器(CSS3,重要) CSS3盒模型(重要) 颜色模式 盒子阴影(CSS3) 文本阴影 ...
- 使用css3新属性clip-path制作小图标
一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载 ...
- 运用css3新属性transform写的盒子嵌套展开动画效果
刚刚进园,第一篇博客,记录一下CSS3 绘制盒子效果的方法. css3允许使用 3D 转换来对元素进行格式化,转换是使元素改变形状.尺寸和位置的一种效果,3D转换可以通过设置transform的属性值 ...
- Css3新属性:calc()
一.前言 calc()看起来像是javascript中的一个函数,而事实上它是用在Css中的,可以用它来计算长度(宽度或高度),能够自动根据不同尺寸的屏幕自动调接数值,从而很轻松的实现自适应布局展示在 ...
- css 一些好玩的属性,推荐一些比较有用的css3新属性
css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开始慢慢的去了解并使用css3(还有html5),因为我觉得这是一种趋势,它是一种已经被制定的标准.我并不 ...
- css3新属性partA
1.新的选择器 其实大家可以预感到,css3的出现一定会给大家带来更加powerful的选择器,我自称为正则选择器: 如果我们现在有5个li标签,但是每个li标签都要求有不同的背景颜色.传统的做法有两 ...
最新文章
- 软件工程师安德烈·梅萨成功夺得世界小姐桂冠
- 常用的20个正则表达式
- MySql默认编码所造成的乱码麻烦1.222
- 扩增子和宏基因组数据分析流程和可视化方案—刘永鑫(南京,2020年10月27日)
- 【Web】关于Session过期/失效的理解
- 海康visionmaster-客户端安装步骤
- 想找一款读书笔记软件?快来试试BookxNote
- 自我实现型的人的五个特质
- 产品结构图 VS 信息结构图 VS 功能结构图(附案例)
- 学office用哪本书最全最好_用这6款软件记笔记,不要太爽!丨上进青年研习社...
- 程序员笔记软件cherrytree推荐
- 大四阶段的社会实践的主要目的是_大四寒假社会实践报告
- 普通电脑U盘安装苹果系统简易方法
- 人生苦短,我用python实现人脸(口罩)识别(及时行代码搞定)
- Matlab 数组定义
- Algorand以2.4美元结束首轮拍卖,为私募价48倍
- ubuntu 下载安装tomcat简单配置(傻瓜式教程)
- (一篇就够)git原理深入理解
- 深度学习入门——深度学习基础概念思维导图
- ESXI6.7-7.0最新版本如何封装网卡驱动补丁