HTML5 3D 视差相册画廊 这是一个基于HTML5和CSS3的3D视差相册画廊，画廊中的图片围成一个圆环，拖拽鼠标可以让图片在环形画廊中滚动切换，并且将鼠标滑过图片时，图片也会产生高亮效果，形成一种3D的视差效果。另外，我们可以在次基础上稍微扩展一下，有兴趣的同学可以自己改造一下，就是鼠标点击图片时，可以展开原图，这样我们就可以浏览图片的具体细节了。 在线演示源码下载
HTML5 Canvas 照片撕裂切换动画 这是一个很有意思的HTML5 Canvas图片切换动画，我们可以用鼠标或者手指在屏幕上滑动，将照片撕成两半，然后再切换成另外一张新的照片。这个特效不足的地方在于，所有照片的撕裂裂纹都是一样的，这可能会显得不是那么逼真。如果你有一个相册应用，个人认为可以将这个效果添加到你的相册照片删除功能上，看到哪张照片不爽，直接将它撕成两半，是不是很过瘾。（注：该动画本地无法运行，需要上传到服务器才可以使用） 在线演示源码下载
CSS3 3D飞机飞行动画 这是一个很酷的CSS3 3D飞机飞行动画，首先飞机模型、天空白云都是通过纯CSS3绘制的，鼠标可以控制飞机飞行的方向。另外鼠标点击天空时，还可以切换白天和黑夜，飞机在黑夜中飞行时会自动点亮机翼上的警示灯并且不断闪烁。更为炫酷的是，飞机还会时不时的做翻滚动作，不论是上下翻滚还是侧面翻滚，驾驶技艺确属一流。 在线演示源码下载
HTML5 Canvas人群流动模拟动画 这是一个基于HTML5 Canvas的动画特效，这个动画主要是模拟了大街上人群流动、熙熙攘攘的景象。首先每一个人物都是在Canvas上绘制而成，大街上男女老少都有，十分逼真。同时，为了让动画更加真实，每个人物的行走速度、行走动作都有一定的差异，这让整个HTML5动画显得更为真实，我们也不得不叹服，Canvas真是一个好东西。 在线演示源码下载
纯 CSS3 3D 卧室动画 这是一个用纯CSS3实现的3D卧室，卧室中家具齐全，有床、衣柜、书架，还有沙发等等。这些卧室中的元素都是通过CSS绘制而成的，并不是图片。另外，我们还可以通过鼠标移动来和卧室中的元素进行交互，比如将鼠标滑过书架中的书本时，书本会自动弹出，移开鼠标后又会自动藏在书架中。同样，衣柜的柜门也是如此。 在线演示源码下载
基于 TweenMax.js 的图片碎裂切换动画 这次要分享的是一个基于TweenMax动画库的图片碎裂切换动画，当我们点击图片时，图片就会像玻璃那样碎裂成许多块，然后渐渐地消失，直到下一张图片显示为止。TweenMax是高性能JavaScript动画框架，利用它我们可以轻松实现很多炫酷的网页动画效果。这款图片碎裂动画也可以应用在焦点图的切换动画中，效果非常不错。 在线演示源码下载
纯 CSS3 3D 卡片翻转动画 今天分享的是一个基于纯CSS3的价格表卡片翻转动画，点击切换按钮时，卡片就会以翻转的动画效果进行切换，同时卡片上的装饰物也会以淡入淡出和飞入飞出的动画进行切换。这款卡片切换动画呈现的3D效果是通过纯CSS3实现的，整体看上去清新自然，也十分美观，如果你的网站或者App上需要类似的功能，推荐你使用。 在线演示源码下载
纯 CSS3 电风扇动画 可调节转速 这又是一个用纯CSS3实现的模拟现实物品的动画特效，它是一个可以调节转速的电动风扇，电风扇动画分两部分，一部分是扇叶转动，另一部分是风扇水平摇头，跟现实中的台扇十分相似。另外，我们还可以通过按钮来调节转速，一共分为三档。同时还有一个开关按钮，和我们生活中的风扇控制方式基本一致。而如此复杂的逻辑却是用纯CSS3实现，真的非常厉害了。 在线演示源码下载
纯 CSS3 模拟开关单选框动画按钮 这是一个具有创意的开关单选框按钮，是通过纯CSS3实现的，我们可以利用它美化网页上的单选框元素。当开关打开时，开关按钮的背景会呈现发光的动画特效，开关关闭时则停止发光，这就很好地给用户提示了当前按钮的状态。这个按钮无论从外观还是动画特效，都是用CSS3实现，因此在网页中大范围的应用会变得非常简单和高效。 在线演示源码下载
一套精美的 CSS3 新拟物风格 UI 元素 这是一套基于CSS3和HTML5的新拟物风格UI设计元素，大部分以表单元素为主，例如单选/复选框、按钮、Tab菜单、搜索框，另外还有时钟等。什么是新拟物化？它是一种在扁平的基础上呈现真实物体质感的设计风格。目前这种风格在网页上不多用，但在App上却已经广泛使用，特别是从2020年开始风靡。确实这种带质感的UI元素特别能让用户感到亲切。 在线演示源码下载
