Login
网站首页 > 文章中心 > 其它

css3中变形属性有哪些_css3过渡属性有几个属性值?

作者:小编 更新时间:2023-07-27 15:59:29 浏览量:354人看过

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过渡属性有几个属性值?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章