- 动效 文章 模型
-
-
HTML5 Canvas 精灵尘土 | 魔法粉末的文本特效
输入文本时,触发粉末化动画特效。本质上是一款canvas的粒子动画。可以用来模拟在黑板上用粉笔写字所产生的粉尘飘飞的效果。
-
使用A-Frame创建一个基础场景 - 漂浮的陨石
Building a Basic A-Frame Scene, 带立方体纹理贴图,带背景空间贴图,带简单的动画和操控。
-
CSS3 按钮悬停(Hover)效果大全
最全的按钮悬停效果集合,可应用于动作(actions),按钮(buttons),图标(logos),图像(images)等界面元素。包含箭头、脉冲、颜色填充、卷角、3D悬浮阴影、下划线延伸、图标动画、晃动、旋转、扭曲等。
-
HTML5 Zepto.js 移动版本(微信H5)的2015春节回家温情动画网页应用模板
Spring Festival Landing Page。面向Android/iPhone智能手机的HTML5 Mobile Web应用。支持swipe up/swipe down前后翻滚页面操作。有本地存储和微信分享、长短触摸检测功能以及翻页底部指示箭头、视差、渐进入场和图片翻转等动效。使用了Zepto.js(针对移动浏览器版本的jQuery)。可用于制作微信H5营销网页应用的基础模板。
-
Canvas实例教程:图像大小调整和裁剪
学习如何使用JavaScript和HTML5 Canvas元素来调整和裁剪图像(Resizing and Cropping Images with Canvas。),适用于图片编辑器、照片分享等应用场景。 Tutorial links: http://tympanus.net/codrops/2014/10/30/resizing-cropping-images-canvas/; Read more: http://stackoverflow.com/questions/18922880/html5-canvas-resize-downscale-image-high-quality
-
HTML5 howler.js+classList.js 很丰富的标题动画
Refer to: https://github.com/legomushroom/mojs 相当棒的作品。使用SVG实现的动画,包含掉落、跳跃、旋转、画圆等动画,伴有悦耳的音效。可以控制滑块进行回放。 注意:IE下不工作。
-
使用SVG turbulence实现的水中月(水面倒影)动画特效
Animated SVG Turbulence Filter 简单而美丽的技术作品。 2016年度SVG作品候选。
-
HTML5 身临其境的天气预报网页应用+雷雨特效
使用WebGL技术实现的真实下雨动画。包含鼠标感知、磨砂玻璃、雨滴滑落淡入淡出、闪电、环境污染效果。 很棒的一个移动Web App作品。
-
使用CSS3 PerspectiveTransform实现的逼真3D地球自转动画
CSS Non-webgl realistic globe 支持鼠标拖拉来转动球体。点击可以放大地图到局部区域。本例还使用了圆柱投影坐标映射来获得3D视觉效果。
-
HTML5 RPG游戏风格的技能树/路线图
什么叫精通网页开发,如何成为全栈工程师,且看此图。 本图克隆自@352工作室,部分内容结合实际情况做了修改: http://wow.techbrood.com/fiddle/8623
-
纯CSS实现的折纸飞鸟飞翔动画
Paper Bird in pure css,飞行的小鸟,还有模拟御风飞行的场景环境以及阴影。很有创意的一个作品!
-
Earth2050 - WebGL流浪地球特效
KASPERSKY EARTH 2050, 含透明大气层、地球表面大陆板块地图(球面大陆打点)、火山喷发(球面径向光锥)特效。
-
基于AR.js的WebAR Marker识别体验
一个实验性的项目,用来演示在浏览器上如何使用设备摄像头来识别一个预定标识,然后在标识位置上增强出一个3D动画场景。
-
© 2024 TechBrood Co. All rights reserved 沪ICP备14011478号