浅析CSS3 中的 transitiontransformtranslate之间区别和作用
transform 和 translate transform指变换、变形,是css3的一个属性,和其他width,height属性一样 translate 是transform的属性值,是指元素进行2D变换,2D变换就是指,元素以当前位置(0,0)按照x轴的方向移动多少,按照y轴的方向移动多少 例如: transform:translate(0,100%) 表示从元素的当前位置延y轴方向,向下移动整个元素高度的距离 transform:translate(-20px,0) 表示从元素的当前位置延x轴方向,向左移动20px transform 有很多其它属性值,translate3D(3D变换
用户评论
推荐下载
-
CSS3做的机器猫测试CSS3性能
本页面用于测试各个浏览器对CSS3的解释效果,左边的“图像”并非图片,而是纯CSS。目前各个浏览器对CSS3的支持效果不一样,其中IE系的浏览器支持效果最差。
24 2019-04-09 -
CSS3中的content属性使用示例
CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。插入
9 2020-12-17 -
CSS3中Animation属性的使用详解
主要介绍了CSS3中Animation属性的使用详解,是CSS3入门学习中的基础知识,需要的朋友可以参考下
20 2020-09-29 -
CSS3中box shadow的用法介绍
主要介绍了CSS3中box-shadow的用法,改方法即是作一个盒装区域的阴影效果,需要的朋友可以参考下
17 2020-09-29 -
细说CSS3中的选择符
英文原文:http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/中文翻译:http://www.dudo.org
5 2020-09-29 -
详解CSS3中border image的使用
主要介绍了详解CSS3中border-image的使用,是CSS3入门学习中的基础知识,需要的朋友可以参考下
16 2020-09-29 -
CSS3中的clip path使用攻略
主要介绍了CSS3中的clip-path使用攻略,包括各种图形的实现示例,极力推荐!需要的朋友可以参考下
25 2020-09-29 -
CSS3中的Media Queries学习笔记
CSS3中的Media Queries经常被用来制作前端的响应式设计页面,这里整理了一份CSS3中的Media Queries学习笔记,包括IE8中的兼容问题解决,需要的朋友可以参考下
9 2020-09-29 -
CSS3中的opacity属性使用教程
主要介绍了CSS3中的opacity属性使用教程,主要用来设置透明效果,需要的朋友可以参考下
13 2020-09-29 -
css3的transform中scale缩放详解
主要介绍了css3的transform中scale缩放的使用方法,需要的朋友可以参考下
21 2020-11-17
暂无评论