HTML5+CSS3

高级动画

  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  当前播放的时间
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 12,969评论 22 225
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,190评论 25 709
  • `为什么设计HTML5规范?1.HTML5的设计目的是为了在移动设备上支持多媒体 ` 1. HTML5是什么?有哪...
    好奇而已阅读 2,498评论 0 0
  • 以前看到电影里喜欢的人离去的情节,对自己的触动还不是多么的大,直到昨晚准确的说是12点以后做的那场梦使我感受到你是...
    夏天的短袖衬衫阅读 2,778评论 0 0
  • 一念之间,不在于别人的对与错,一念之间不在乎别人的指点,一念之间,我真的应该各方位全面协调发展,或许别人轻而易举得...
    sunshine_小丸子阅读 3,251评论 2 3

友情链接更多精彩内容