在下面的例子中,我们将transition属性设置为持续时间为5s的转换效果.并设置ease-in定时函数,该函数有淡入的效果.
在下面的例子中,div元素的宽度和高度都是100px,并有一个红色的背景.我么为width属性指定一个过渡效果,持续时间为3s.
transition-origin(原点)属性允许你更改要转换元素的位置.该属性的默认值是50% 50%,对应于元素的中间.
translate()方法从当前位置移动一个元素(根据给定的x轴和y轴的参数).正值会将元素
scale()方法根据已设定的高度和宽度参数来增加或减少元素的大小.1代表原始大小,2代表原始尺寸的两倍,以此类推.
一次可以使用多个转换.比如同时旋转和缩放元素的大小.对元素应用多个变换,只需要用空格隔开它们.
当你在@keyframes规则中指定css样式时,动画将在某些时间从当前样式逐渐变为新样式.
