css 过渡动画 属性

html-css09

css 过渡动画 属性,第1张

transition-property            过渡效果的CSS属性名称

transition-delay                设置过渡延迟时间

transition-duration            设置完成过渡效果需要花费的时间

transition-timing-function    设置过渡效果的速度曲线

transition                            设置过渡属性的复合写法

transform-origin                设置旋转元素的基点位置(不常用,了解即可)

transform-style                  让转换的子元素保留3D转换(不常用,了解即可)

opacity                                设置元素的透明度

@keyframes                        设置关键帧动画

animation                            设置动画属性

上面的是CSS的属性。这个是css的滤镜效果。1.Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) 透明度 起始透明度 结束时透明度样式“1.2.3”坐标。2.Glow(Color=#0000ff, Strength=5) 边缘发光颜色 大小3.BlendTrans(Duration=?) 淡入淡出方向4.Blur(Add=?, Direction=?, Strength=?) 模糊 是否模糊 方向 大小5.Chroma(Color=?) 透明颜色(只有透明图像gif可以用这个效果)6.DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 投影 颜色 坐标大小7.FlipH 水平反转8.FlipV 垂直反转9.Glow(Color=?, Strength=?) 边缘发光 颜色大小10.Gray 灰度11.Invert 负片(胶片)12.Light 亮度(变亮、波纹光影)13.Mask(Color=?) 遮罩 颜色 (凹陷效果)14.RevealTrans(Duration=?, Transition=?) 动态切换 (切换时间切换效果:1-23种切换方式)15.Shadow(Color=?, Direction=?)16.Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?) 垂直扭曲17.Xray X光片效果我们的网名一样,所以我认真的回答了你的问题。有缘啊

如果帮助到您,请记得采纳为满意答案哈,谢谢!祝您生活愉快! vae.la