-
使用SVG SMIL动画接口实现仰望星空的小孩
SVG's SMIL animations 注意：SMIL动画接口已经过时，这里只是起参考作用。我们应该使用CSS3动画或新的WEB Animation接口。
-
Canvas 隧道动画和动画缓存的应用
Crazy face tunnel effect with cached animation. 刚开始动画较缓慢，后面通过缓存，提高渲染性能。
-
使用SCSS实现的移动应用登录动画（弹跳的图标）
Login animation (jumping dribbble logo) 弹跳的Dribbble图标落在底部导航栏上。
-
CSS3 使用:target方法来触发动画
Using :target to trigger an animation. 当#eat元素被点击时（也就是被targeted），CSS animation被触发，而点击其他元素时，动画停止。
-
HTML5+SVG 美轮美奂的风景区/景观动画实验
使用SVG+Canvas+CSS3实现的景区模拟动画，带HTML5 Audio元素，模拟了日出、日落、梅花鹿、湖泊、山脉、松林、溪水、萤火虫、蟋蟀声。美轮美奂，仿佛身临其境。
-
CSS3 animation:steps 步进动画实例 - 小车和兔子
CSS Step Animation Experiment。3D翻转的小车和兔子揉脸动画。 animation默认以ease方式过渡，它会在每个关键帧之间插入补间动画，所以动画效果是连贯性的。除了ease，linear、cubic-bezier之类的过渡函数都会为其插入补间。但有些效果不需要补间，只需要关键帧之间的跳跃，这时应该使用steps过渡方式。 GIF动图不支持程序对播放的控制，也不支持Alpha通道。这种情况我们可以用一个PNG图片，把所有帧都放在一起，通过CSS3的animation steps控制background-position来播放。steps(n)中的参数n代表总的帧数。
-
CSS3 透明球体不规则肿胀动画
animation-fill-mode animation-fill-mode 属性是设置对象动画时间之外（动画开始前后）的状态。具体可参考： http://www.w3school.com.cn/cssref/pr_animation-fill-mode.asp
-
HTML5 云梯状3D螺旋线动画
Helix Animation. 使用animation和animationDelay（每个DIV延时渐变）实现的螺旋动画。
-
CSS3 加载动画修饰类（class）
Zero element loading animation (horizontal)。不需要额外的元素来显示加载动画，只需要给DIV加上css class即可。
-
如何使用CSS3实现简单的卡片正反两面3D翻转动画
1. 使用2个DIV，一个作为卡片正面，一个作为卡片反面，在反面元素上应用rotateY(-180deg)； 2. 设置元素的transform-style: preserve-3d;属性启用3D效果； 3. 使用CSS3 animation实现一个flip动画。
-
分别使用CSS3 transform、SVG animate和GSAP实现的搜索图标动画
1: CSS-Transform, only works in Chrome 2: SVG-animateTransform, works in Chrome and FF but not in IE 3: JS-animation, GreenSock Animation Platform (GSAP) works properly in all browsers
- 推广服务（新）
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
php curl大文件上传遇到502或504错误
使用php的curlfile上传大文件到远端服务器，遇到502错误。原因可能是超时或者内存超出，需要修改nginx、php.ini和php-fpm.conf中的一些配置。修改php.ini（注意c...
HTML、JavaScript和GLSL编码规范
HTML编码规范
- 始终将文档类型声明为文档中的第一行:
WebGL 2D纹理坐标到3D顶点坐标的映射
webgl纹理映射用来把图片贴到模型的材料表面，给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去，也就是为每一个3d顶点找到其相应...
WebXR基本概念和应用程序开发简介
XR是VR,AR和MR的统称，VR,AR是从感官体验的角度来区分的，
VR是用户借助外设输入输出（头戴、手柄、体感、运动感知等软硬件系统）来和纯虚拟场景的交互体验...网站SSL安全证书认证的基本过程和原理
现在的网站基本上都迁移到了https协议上，https是http协议的安全升级版本。在原来的http协议下，如果有人截获了你发送给服务器的报文，就能获取里面的信息，比如...
更多...
