css中支持的动画有哪些

CSS是一种用于网页样式和布局的标记语言，现在已成为前端开发必学的技能之一。除了可以设置元素的样式以外，CSS还可以实现各种动画效果。接下来我们来一起了解一下CSS中支持的动画有哪些。

animation 

animation属性可以实现元素的动画效果，通过指定动画名称、持续时间、是否循环等参数，让元素在网页上呈现出动态的效果。

transition 

transition属性用于控制元素过渡效果，例如当鼠标悬停在元素上时，元素的颜色、大小或位置会产生渐变效果。transition属性可以指定过渡效果的时间、速度等参数。

transform 

transform属性可以实现元素的变形效果，比如旋转、缩放、倾斜等，使用transform属性可以让一个静态的元素呈现出极具动感的效果。

@keyframes 

@keyframes规则用于创建CSS动画效果，通过定义关键帧和动画过渡细节，让元素在HTML页面上呈现出连续的变化效果。

以上就是CSS中支持的动画效果，希望本文对大家的学习有所帮助。