-
各种CSS选择器在线说明和演示
很棒的一个学习CSS选择器如何工作以及语法速查的案例。来自http://w3schools.com,你也可以访问我们的镜像: http://techbrood.com/en/cssref/
-
使用GSAP和Snapsvg构建绿巨人变形摧毁机器动画
Hulk Smash SVG Animation Source: http://clzd.me/hulk-smash-svg-use-greensock-gsap-and-snap-svg-to-build-css-svg-javascript-animation/ References: 1. https://greensock.com/ 2. http://snapsvg.io
-
HTML5 很有趣的银行抢劫案件表情动画
Emoji Bank Robbery Animation Inspired by:http://talkemoji.com/dude-lets-rob-a-bank/ Emoji art from: http://emojione.com/
-
使用网页动画应用接口(Web Animation API)同步动画时钟
Synching Animation Clocks with the Web Animation API Web Animation API是W3C制定的网页动画标准,详见: http://w3c.github.io/web-animations/ 用来统一CSS3/SVG(SMIL)的动画操作。 Source: http://www.smashingmagazine.com/?p=210830 Read more: http://rachelnabors.com/waapi/
-
Canvas 无尽延伸的地道
The Underground Refer to: 1.http://marcinignac.com/experiments/tunnel-1k/ 2.http://marcinignac.com/experiments/tunnel-1k/tunnel-1k.js
-
HTML5 苹果电视海报(光照效果能感应鼠标位置)
Apple TV poster Source: http://designmodo.com 教程: http://designmodo.com/apple-tv-effect/
-
CKPlayer.js 兼容各浏览器的视频/Flash播放插件使用示例
参考阅读: 1. http://blog.deconcept.com/swfobject/ 2. http://www.ckplayer.com/
-
Hexaflip.js 立方体拼图
Source: http://aitorporro.com/ http://oxism.com/hexaflip/
-
使用border-box替代CSS3的calc方法来设定元素宽度
width: calc(100% - 100px)。这个方法兼容性不高,替代方案如下: 1. 使用border-box布局: http://stackoverflow.com/questions/16034397/css-calc-alternative 2. 使用jQuery的替代方法: http://stackoverflow.com/questions/11117216/css-width-calc100-100px-alternative-using-jquery
-
使用jQuery.waypoints.js实现的文本引用彩虹特效
Source: http://www.berryvinedesign.com http://imakewebthings.com/waypoints/
-
jQuery 滚动到页面指定元素位置
参考链接: 1. http://abeautifulsite.net/blog/2010/01/smoothly-scroll-to-an-element-without-a-jquery-plugin/ 2. http://manos.malihu.gr/animate-page-to-id-with-jquery/
-
使用Masonry.js实现的弹性瀑布流布局
Source: http://masonry.desandro.com/ Masonry(Mason是石匠的意思)是一款优秀的专门用来进行网格布局(Grid Layout)的JavaScript库,像工匠砌墙那样,通过优化计算把元素放置在竖向的合适位置上。 其他实例: 淘宝的逛街(https://guang.taobao.com/)、 花瓣网(http://huaban.com)、蘑菇街(http://www.mogujie.com/)
-
HTML5 苹果 Mac OS X 桌面系统模拟
Source: http://www.twitter.com/jackharner http://www.jackharner.com/ 包含分级菜单动效和点击底部导航图标时的弹跳效果。
-
Canvas 旋转的眼球
Source: http://paulirish.com/2011/requestanimationframe-for-smart-animating/ http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
-
CSS3 弹跳的按钮
使用cubic-bezier方法实现的bouncing button 三次方贝塞尔曲线样式在线生成: http://cubic-bezier.com/#.91,.16,.1,1 Source: http://marksheet.io/css-animations.html
-
HTML5 鼠标跟随的紫外线辐射带
Source: http://labs.nikrowell.com/lightsandmotion/ultraviolet http://deepelmdigital.com/album/save-your-heart
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
WebGIS(Web Map)基础概念简介
大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面。虽然我们通常说...
Stone 3D Demo Cases
新能源虚拟城市概念展https://wow.techbrood.com/static/20210108/60580.html邻里家全景图浏览https://wow.techbrood.com/static/20210223/61008.html3D电子调音...
Techbrood Stone 3D IDE Release Notes
Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。Stone的体量只有Unity、Unrea...
Linux Apache2如何开启gzip (deflate module) 压缩功能
检查你的网站是否启用了gzip,用chrome打开网站比如http://www.techbrood.com选中一个请求,查看Response header部分,...
网页3D编辑器Stone用户手册和使用说明
更多...