css-动画效果学习示例

阴影

css-动画效果学习示例_第1张图片

x-轴   y-轴   模糊度  颜色   (正负值可以表示角度问题)

css-动画效果学习示例_第2张图片

 可以加多个阴影

css-动画效果学习示例_第3张图片内置阴影

css-动画效果学习示例_第4张图片

css-动画效果学习示例_第5张图片css-动画效果学习示例_第6张图片css-动画效果学习示例_第7张图片

css-动画效果学习示例_第8张图片transition  可以添加动画延迟效果

css-动画效果学习示例_第9张图片

css-动画效果学习示例_第10张图片向z轴缩进,开启透视respective

css-动画效果学习示例_第11张图片

css-动画效果学习示例_第12张图片触发旋转效果

css-动画效果学习示例_第13张图片css-动画效果学习示例_第14张图片css-动画效果学习示例_第15张图片css-动画效果学习示例_第16张图片css-动画效果学习示例_第17张图片css-动画效果学习示例_第18张图片css-动画效果学习示例_第19张图片

css-动画效果学习示例_第20张图片

css-动画效果学习示例_第21张图片

学习来源 :动画属性_哔哩哔哩_bilibili

你可能感兴趣的:(css,学习,前端)