scc 动画

最新推荐文章于 2025-12-04 00:13:33 发布

原创最新推荐文章于 2025-12-04 00:13:33 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

博客主要介绍了CSS的渐变和动画过渡相关知识。渐变包括线性渐变和径向渐变，分别说明了其属性及参数。动画部分介绍了.transform的几种转换方式，如平移转换等。还阐述了过渡动画的属性，如transition、transition-property等。

渐变

线性渐变

属性 linear-gradinet(开始位置角度，起始颜色，终止颜色 )

2.径向渐变(放射渐变)

属性：radial-gradinet()(形状发散方向，起始颜色，终止颜色)

动画 .transform

none 定义不进行转换。
translate(x,y) 定义 2D 平移转换。
translateX(x) 定义转换，只是用 X 轴的值。
translateY(y) 定义转换，只是用 Y 轴的值

过渡动画的属性：

transition 简写属性，用于在一个属性中设置四个过渡属性。
transition-property 规定应用过渡的 CSS 属性的名称。
o none 没有属性会获得过渡效果。
o all 所有属性都将获得过渡效果。
o 属性名称
transition-duration 定义过渡效果花费的时间。默
认是 0。单位是秒或毫秒。