视频音频加动画

3: 多媒体标签: embed :定义嵌入的内容 <embed src = 'donghua.swf'>

 

  audio: 播放音频

  autoplay自动播放  controls是否显示默认播放控件  loop循环播放,如果不写这个属性默认播放一次,loop/loop = ‘ loop ‘ 表示无限播放

  <audio src = ''/>

  <audio autoplay cotrols loop>

    <source src = "music.mp3" />

    <source src = "music.ogg" />

    您的浏览器不支持音频播放功能

  </audio>

  

  video: 播放视频

  autoplay自动播放  controls是否显示默认播放控件  loop循环播放  width设置播放窗口的宽度  height设置播放窗口的高度

 

4:transition:要过度的属性 时间 运动曲线(ease逐渐慢下来、linear匀速 ) 何时开始(默认0秒开始);

如果都要过过度直接写 all 。5s 后面的可以省略,选择默认,写在运动前的元素上

 

transform(变形):translate(50%,50%)移动 、 scrale(1.3,1.3)缩放 、rotate(deg)旋转 、 skew(deg,deg)倾斜 、 rotateX(deg)沿着X轴立体旋转

rotate3D(x,y,z)沿着x,y,z轴立体旋转,x,y,z可以是长度值,也可以是百分比,

 

backface-vasibility:定义当元素不面向屏幕是是否可见

 

animation(过渡动画):move 2s ease 。5s infinite(无线播放) alternate(默认是);动画名称-花费时间-运动曲线-何时开始-播放次数-是否反方向

animation-play-state: paused; 暂停动画

@keyframes move {

    from {

      left: 0;

      background-color: #000000;

    }

    to {

      left: 1000px;

      background-color: #ffffff;

    }

@keyframes move {

    0% {

      left: 0;

      background-color: #000000;

    }

    50% {

      left: 1000px;

      background-color: #ffffff;

    }

    100% {

      left: 0;

      background-color: #000000;

    }

 

posted @ 2020-03-16 10:36  花木兰r  阅读(201)  评论(0编辑  收藏  举报