栏目:动漫

共794篇

transition: all 2s;transition-property: left, width;transition-duration: 5s;transition-timing-function: ease-in;transition-delay: 3s;
width: 100px;width: 200px;width: 200px;height: 200px;background-color: red;animation-name: 动画名称;animation-duration: 持续时间;transform: translateX(0px);transform: translateX(500px);width: 150px;animation-name: move;animation-duration: 2s;<img src="./u=986476525,3647648589&fm=11&gp=0.jpg" alt="">. transform: translate(0, 0);transform: translate(800px, 0);transform: translate(800px, 300px);transform: translate(0, 300px);transform: translate(0, 0);
transition-property 规定设置过渡效果的 CSS 属性的名称。transition-duration 规定完成过渡效果需要多少秒或毫秒。transition-timing-function 规定速度效果的速度曲线。
腾讯,前端,cosplay //先下载 cos // npm install cos-js-sdk-v5 --save//生成签名:var cos = new COS({ SecretId:‘腾讯云密钥ID值‘, SecretKey:‘腾讯云密钥key值‘})//上传文件cos.putObject({ Bucket:‘‘,//存储桶名称
1 <!DOCTYPE html>. 8 width: 200px;9 height: 300px;10 margin: 50px auto 0;11 position: relative;13 overflow: hidden;17 width: 200px;18 height:120px;19 background-color:rgba(0,0,0,0.3);20 position: absolute;21 top: 300px;22 transition:all 1s ease 1s ;26 font-size: 14px;27 line-height: 100px;28 text-align: center;29 margin: 0;30 color: #fff;34 top: 180px;
27 <img src="fengche.jpg" alt="风车" class="feng">
13 transform-style: preserve-3d; /* 设置盒子按3D空间显示 */. 15 /* 旋转变换的时候不设置初始值,容易出现跳边的bug,perspective,这里的800px是经验值,效果最好*/
12 transition: all 0.5s ease 0s; /* 同时加入动画效果 */. 16 /* transform位移比定位位移的性能更高,因为其不影响整体布局,建议使用transform位移 */. 18 transform: skew; /* y轴斜切45度 */
26 /* 鼠标放上去时静止,可以在.box中设置这个属性,然后将这里的属性值改成running,这样变成鼠标放上去才动*/
55 <input type="button" name="" value="动画" id="btn">
  • 每页
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 79
  • 80
  • »
  • 前往第 页 共796条数据
相关搜索
最新笔记
返回顶部