Skip to content

关于CSS3动画机制原理思考和探索 #4

@bluezhan

Description

@bluezhan

前言

除了一直以来都是JavaScript来处理动画。基本都是通过改变CSS的位置特性来实现动画效果。

对于大部分上AB站的同学们,知道AB站点的弹幕是使用了视频 flash 来实现的。没有使用到前端知识来处理。

而且在gihub上会看到ABPlayerHTML5,一个可扩展的弹幕播放器的HTML5实现。

还有个库CommentCoreLibrary,JS弹幕模块核心,提供从基本骨架到高级弹幕的支持。

  • CSS3.0的属性
  • JavaScript控制布局
  • 启动硬件加速
  • 元素:SVG、Canvas

而现在很多关于动画除了CSS3.0动画之外就是借用了canvas 这个壳来处理动画效果。
很多市面上的库和插件,比如three.js....

CSS 3.0 的出现

transition 与 animation

动画事件

动画性能问题

3D动画

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions