-
分别使用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
-
SVG.js 随机签名生成器 自动签名动画
Signature Generator 首先通过一组随机点构造一条svg路径，然后使用js定时绘制路径，形成自动签名的动画。
-
使用CSS3,GSAP和Velocity.js分别实现动画速度控制
Tweene: Speed Control 卫星环绕地球旋转的动画，通过CSS3,GSAP和Velocity库分别实现速度控制，从0.25到3倍速。
-
使用jQuery创建自定义动画横幅（banner）
Custom Animation Banner with jQuery 经典的网页广告动画展示条。顶部宽屏banner和侧边栏的长条形banner。
-
CSS3 基础知识 文字动画实验
Experiments on CSS3 animation-delay, animation-name; animation-duration; @keyframes;text-shadow etc...
-
Animate.css 动画效果荟萃
几乎囊括了常用的各种简单动效。 Animate.css实现了很多常用CSS动画/动效。引入改CSS样式库后，使用时直接为元素添加相应的动效样式类即可，避免编写大量重复样式。
-
使用SVG和CSS3实现的相框镶边动画
Border Animation Effect with SVG 悬停后方框边缘出现流光动画，然后缩小成4个角上的相框镶边。
- 推广服务（新）
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
香江热风随感
罗生门讲的是在很有限的参与者的情况下，你很难识别真相，因为参与者从自己的角度且通常怀有自己的目的来作证，而当时怎么说或许只是由于一念之间他突然想起或忘...
WebGL入门教程 - 高光计算模型
现实物体在光源的照射下，会出现吸收和反射。物体的颜色主要由漫反射决定，但局部高光效果则主要由镜面反射来决定。从表面反射出的光线与入射角成相等但相反的角...
Yii2里面布局Layout的缺省设置
yii2里面渲染视图时，需要先查找layout，这个逻辑是在yii2/base/Controller/renderContent里面实现的：
public如何构建一个面向对象的webgl渲染引擎
WebGL渲染引擎主流的有three.js和babylon.js，如果我们要自己实现一个类似的引擎，该如何设计实现呢？基本上我们可以分解为以下5个部分：webgl渲染部分的封装可...
体积光原理及WebGL实现
体积光（或叫上帝之光）在自然界中是十分常见的现象，如太阳光从云隙中透过时产生的云隙光，森林中阳光从树叶中穿过产生的光柱。如果我们要在网页三维场景中模拟...
更多...
