3D 文字雨
three.js 实现的 3D 文字雨动画效果这是一款使用three.js实现的密集文字从天而降的动画效果,无数文字从天而降最终落入地面的指定位置中,文字的下落以及地面的起伏效果整体呈现出非常逼真的3D场景,降落的文字支持自定义,降落速度,...
吹风电扇
CSS 仿真台风扇动画效果使用纯 CSS 实现的 3D 仿真电风扇,非常逼真的还原了台扇的立体效果,并且实现了家用台扇的基本功能,有四个按钮,其中一个是开关按钮,另外三个是档位控制按钮,通过鼠标可以操控电扇的开关以及风速...
下大雪背景
Three.js 实现的 3D 大雪纷飞粒子背景动画效果基于开源 3D 图形组件库 Three.js 创建的鹅毛大雪纷飞的背景动画效果,逼真的下雪动画效果只需要简单的几十行代码即可搞定,非常的轻量级,能够实现秒加载!网站中加入此效果一定能够惊艳到用户...
3D旋转方块
CSS 3D 俄罗斯方块游戏基础版使用纯 CSS 使用的 3D 旋转俄罗斯方块,初始化是一个旋转的 3D 地面,游戏开始后不同形状的立体方块从天而降落到地面,目前仅有这两步骤效果,没有添加消除的游戏效果,您可以在此动画效果上扩展...
3D旋转物体
Three.js 粗线条绘制的旋转 3D 球体和 3D 正方体代码片段创建了两种动画,分别是多条粗线组成的 3D 旋转球体动画效果,以及多条粗线组成的 3D 立方体动画效果,3D效果是利用 Three.js 插件创建的,最终的动画效果会被绘制在 Canv...
世界地图
Three.js 3D地球仪上的交互式 SVG 世界地图这是一种旋转的 3D 地球仪动画效果,能够全视角查看世界地图,并且支持拖拽和悬浮功能,当鼠标悬浮与地图之上时会显示该区域国家的名称,其中的 3D 效果是基于 Three.js 实现的,拖拽以及...
3D海报
CSS 3D动画海报制作,带左右晃动效果 3D 画面更加逼真仅仅用 CSS 实现的 3D 动画海报,该海报是由前后两张图片以及中间的宣传文案总共三层布局实现的,使用了 CSS 的 transform 等关键属性将这三层布局转换为酷炫的 3D 效果,利用 ...
台式机小屋
Canvas 3D 台式机微型小屋,支持360度拖拽查看细节Canvas 实现的 3D 微型房间效果,这个微型房间陈设了齐全的生活家居以及用品,房间的外层是老型台式机的外壳,复古与时尚的结合让人爱不释手,这个3D小屋支持拖拽360度旋转,小屋的细节展现...
3D悬空旋转
CSS 3D多边形悬空旋转动画使用 CSS 实现的 3D 立体多边形旋转效果,使用 CSS 的 background-image: repeating-linear-gradient 属性以及:before、:after、r...
音乐播放器
JavaScript 响应式炫酷音乐播放器插件,3D专辑图片展示,在线音乐网站的首选多功能时尚炫酷的一款音乐播放器插件,采用原生的 JavaScript 搭配少许 CSS 样式实现,是一款标准化的音乐播放器,提供音乐切换、暂停播放、播放进度、专辑图片轮播、动态背景等功能,黑色的...
三维动画
CSS 实现的 3D 波浪动画效果,支持响应式仅使用1kb大小的CSS实现的非常流畅的3D波浪动画效果,非常的轻量级,而且支持响应式布局。多图片或者多项目横向布局场景下使用该效果特别合适,该效果默认是灰底色的横向布局,当鼠标滑过后出以原彩色...
翻页效果
使用 JavaScript 制作逼真书本翻页效果基于纯 JavaScript 实现的图书翻页效果,它带有下一页和上一页按钮,可通过翻页动画切换图片,使用起来也很简单,只需要在前后容器中添加图片(作为背景),代码就会自动渲染出逼真的图书翻页风格...