详细介绍css的9大新特性 css新特性有哪些( 二 )

translated3d(x,y,z):指定元素在三维空间的位移。translatedX(x) ：指定元素在x轴中的位移。translatedY(y) ：指定元素在y轴中的位移。translatedZ(z) ：指定元素在z轴中的位移。scale3d(x,y,z)：定义 3D 缩放转换。scaleX(x)：通过设置 X 轴的值来定义缩放转换。scaleY(y)：通过设置 Y 轴的值来定义缩放转换。scaleZ(z)：通过设置 Z 轴的值来定义缩放转换。rotate3d(x,y,z,angle)：定义 3D 旋转。rotateX(x)：定义沿着 X 轴的 3D 旋转。rotateY(y)：定义沿着 Y 轴的 3D 旋转。rotateZ(z)：定义沿着 Z 轴的 3D 旋转。7、过渡
transition ：设置元素要过渡的效果，总共有四个属性，可简写。
transition-property：规定应用过渡的 CSS 属性的名称。transition-duration：定义过渡效果花费的时间。默认是 0 。transition-timing-function ：规定过渡效果的时间曲线。默认是 “ease” 。transition-delay：规定过渡效果何时开始。默认是 0 。可简写为：
transition: property duration timing-function delay;
8、动画
animate：为元素添加动画，是一个简写属性。也可以拆分设置。
animation-name：规定动画名称animation-duration：规定一个动画周期所花费的时长ms或s为单位。animation-timing-function：规定动画的速度曲线。animation-fill-mode：规定动画不播放时的元素样式。animation-delay：规定动画延迟多久执行。animation-iteration-count：动画播放次数。animation-direction：规定动画下一期是否逆向播放。animation-paly-state：动画运行状态。可简写为：
animation: name duration timing-function delay iteration-count paly-state;
9、文本效果
word-break：定义如何换行。属性值有normal(浏览器默认换行规则)、break-all(允许在单词内换行)、keep-all(只能在半角空格或连字符处换行) 。
word-wrap：允许长的内容可以自动换行。属性值有normal，break-word 。
text-overflow ：指定文本溢出包含他的元素，应该发生什么。属性值有clip(修剪文本)、ellipsis(显示省略号)、string(给定的字符串来代表被修剪的文本) 。

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：