1、自动从底部中间随机向上发射烟花后爆炸2、鼠标点哪儿烟花在哪儿爆炸
用鼠标模拟手拽动布;拽动的幅度不一样效果不一样;
纯css实现
鲨鱼为svg
通过three.js把行星的全景图片转为立体球型并模拟行星运动
把人物的多个部分拼接成一个完整的人,并实现眼睛、手与鼠标联动
全景场景可修改(6图模式),源码中的全景场景用是天空蝴蝶和动画用纯css实现
css3+js实现
点击后从点击的地方向上画树(从树干到树枝)随机颜色可以控制(开始、暂停、清除)
可自由增减元素,点击元素开始旋转,把点击的元素放到最前面。动态链接线与中心相连;可设置链接的效果(双向链接、单向链接、链接断开)
js+css实现,有3d立体效果
CSS通过animation动画更改背景图片的起始位置background-position实现单个物体的动画通过transform: rotateZ改变角度;通过top改变物体在y轴上的位置,通过left改变物体在x轴上的位置,从需达到在画面上游动的效果。可以退过hover实现互动效果(本源码无互动)
用css写的,css中有详细的注释说明;当你用鼠标滑过这只打火机时,打火机就会打开,然后开始出现火焰燃烧的动画特效。css样式包括:1、火苗2、打火机的机身3、打火机的机头4、打火机打火轮5、鼠标移动到打火机上触发动画(火焰动画和打开盖子的动画)6、机身文字的效果7、打火机头与打火轮的链接处8、打火机的盖子9、火苗的动画10、打开盖子的动画注:引入了prefixfree.min.js为了解决大部分...
用css写的,有几个挡位,0为关,1最慢,3最快。
鼠标移动到门上,门打开
绵羊从右向左不间断的走动绵羊可以拖动的,绵羊走动的动画是通过调用图片sheep.png上的图片实现的,背景可换
有声效,替换img下的图片和mp3就可以换成自己的。
用three写的全景虚拟现实,实现了webvr的可能,改models下的模型数据可以改效果
css+svg
实现了开并门、清空、开始、停止等互动动画效果