css3动画选择器

最新推荐文章于 2022-08-30 13:56:18 发布

原创最新推荐文章于 2022-08-30 13:56:18 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了CSS中的过渡动画、旋转、平移、放大等效果的实现方法，并详细讲解了如何使用自定义动画、背景渐变及如何在网页中加入音乐和视频等内容。

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>