1.包括过渡动画、旋转、平移、放大和自定义动画;
2.过渡属性:transition:transform(all) 1s linear;
3.过渡动画要结合动画来书写————动画
平移动画:translateX(px)
旋转动画:rotateX(deg)
等比例缩放:scale(倍数)
透明度:opacity
4.转化3d空间:transform-style:preserve-3d;
5.颜色的线性渐变:background:liner-gradient(180deg,color);
6.自定义动画:animation:name time runningway infinite; (animation-delay:time;延迟 秒)
@keyframes name{
from{transform:动画}
to {transform{动画} }
7.文字阴影:text-shadow:左右边距 上下边距 颜色;
8.音乐播放:<audio src="路径" controls autoplay></audio>
9.视频播放:<video src="路径" controls autoplay></video>
2.过渡属性:transition:transform(all) 1s linear;
3.过渡动画要结合动画来书写————动画
平移动画:translateX(px)
旋转动画:rotateX(deg)
等比例缩放:scale(倍数)
透明度:opacity
4.转化3d空间:transform-style:preserve-3d;
5.颜色的线性渐变:background:liner-gradient(180deg,color);
6.自定义动画:animation:name time runningway infinite; (animation-delay:time;延迟 秒)
@keyframes name{
from{transform:动画}
to {transform{动画} }
7.文字阴影:text-shadow:左右边距 上下边距 颜色;
8.音乐播放:<audio src="路径" controls autoplay></audio>
9.视频播放:<video src="路径" controls autoplay></video>