1. perspective()函数与perspective属性
在3D变形中,除了perspective属性可以激活一个3D空间外,在3D变形的函数中的perspective()也可以激活3D空间。
不同的地方是:perspective用在舞台元老锋素上(变形元素们共同的父元素);perspective()就是用在当前变形元素上,并且可以与其他的transform函数一起使用。例如,可以把:
.stage {perspective: 600px;}123
写成:
.stage .box {transform: perspective(600px);}123
perspective 属性和perspective()函数功能一样,但其取值以及运用的对象有所不同。
perspective属性可以取值为none或长度值;而perspective()函数取值只能大于0,如果取值为0或液卖比0小的值,将无法激活3D空间;
perspective属性用于变形对象父元素;而perspective()函数用于变形对象自身,并和transform其他函数一起使用。
2. perspective-origin
perspective-origin属性必须定义父元素上。通常perspective-origin属性本身不做任何事情,他必须被定义在设置perspective属性的元素上。换句话说侍埋晌,perspective-origin属性需要与perspective属性结合起来使用,以便将视点移至元素的中心以外的位置。
3. backface-visibility属性
backface-visibility属性决定元素旋转背面是否可见。对于未旋转的元素,该元素的正面面向观看者。当其Y轴旋转约180度时会导致元素的背面面对观众。
backface-visibility: visible | hidden1
visible: 默认值,反面可见
hidden:反面不可见
一个元素
CSS3新特性
1. animation:动画
2. transition:动画速度
3. transform:变形
4. 伪元素
5. 边框
border-radius 圆角边框
box-shadow 盒子阴影
border-image 边框背景123
背景
background-size 背景搏咐握大小
background-origin 背景的起始点
background-clip 背景的覆基庆盖范围
background-image 设置背景图片1234
文本
text-shadow 文本阴简碰影
text-wrap 文本换行
@font-face 设置字体
有好多啊 原来要javascript实现的复杂代码才能实现
比如 文本类型
以上就是土嘎嘎小编大虾米为大家整理的css3中变形属性有哪些_css3过渡属性有几个属性值?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!