• 视频音频加动画


    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;

        }

  • 相关阅读:
    【Linux】sed笔记
    【Linux】nl笔记
    【Kubernetes】架构全图
    【Linux】tar压缩解压缩笔记
    【Docker】初识与应用场景认知
    【Ubuntu】16.04网卡信息配置
    常用枚举类
    mysql生成主键
    eclipse下mybatis-generator-config插件
    tomcat下载镜像地址
  • 原文地址:https://www.cnblogs.com/pxxdbk/p/12502301.html
Copyright © 2020-2023  润新知