美文网首页
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