本文介绍了CSS过渡动画的局限性，包括需要事件触发、一次性、仅能定义开始和结束状态以及只能定义一个属性变化。示例代码展示了如何使用transition属性创建360度旋转的图片 hover 效果。
局限性 transition的优点在于简单易用，但是它有几个很大的局限。 （1）transition需要事件触发，所以没法在网页加载时自动发生。 （2）transition是一次性的，不能重复发生，除非一再触发。 （3）transition只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态。 （4）一条transition规则，只能定义一个属性的变化，不能涉及多个属性。
<!DOCTYPE html>
<html>
<html>
<head>
<meta charset="UTF-8">
<title>过滤动画</title>
<meta charset="UTF-8">
<title>过滤动画</title>
<!--
关键字：transition
语法:transition: all 3S ease-in-out;
参数：
liner：匀速
ease-in：减速
ease-out：加速
ease-in-out：先加速再减速
cubic-bezier:三次贝塞尔曲线
-->
关键字：transition
语法:transition: all 3S ease-in-out;
参数：
liner：匀速
ease-in：减速
ease-out：加速
ease-in-out：先加速再减速
cubic-bezier:三次贝塞尔曲线
-->
最低0.47元/天 解锁文章
扫一扫
3790
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
