美文网首页
HTML5+CSS3

HTML5+CSS3

作者: 老于头子 | 来源:发表于2017-11-18 15:24 被阅读0次

    高级动画

      animation 定义一个动画 @keyframes name{from()   to()}
      调用一个动画 animation:name duration 。。。
      名字:animation-name:XXX;
      运动时长:animation-duration:1s
      运动类型:animation-timing-function:ease;
      迭代:animation-iteration-count:infinite;
      方向:animation-direction:alternate;
      播放状态:animation-play-state:paused|running;
      延迟:animation-delay;
      停:animation-fill-mode:backwards;
    

    贝塞尔曲线

      cubic-bezier(x1,y1,x2,y2)
    

    HTML5

      文件拖拽
        ondragover     托在上面
        ondragenter    拖出去
        ondragleave    拖出去
        ondrag       鼠标释放
        如果让ondrag触发,必须阻止ondragover的默认行为
    

    获取文件信息

        dataTransfer
    

    文件信息

        MIME-TYPE    主类型-子类型  
    

    文件内容

        借助于文件读取对象  var reader = new FileReader()
        reader。readerAsText(oFile)通过文本读取
        reader.readAsDataURL(oFile) 通过Base64读取
    

    进度更改触发

        onprogress    loaded  已加载    total 总数
    

    视频

        video标签里的属性  controls 控制台,autoplay  自动播放 ,loop 环路播放
        video标签里的方法  play()播放  pause()暂停  属性:currentTime  当前播放的时间
    

    相关文章

      网友评论

          本文标题:HTML5+CSS3

          本文链接:https://www.haomeiwen.com/subject/qjcsvxtx.html