three.js 实现的 3D 文字雨动画效果

3D 文字雨

three.js 实现的 3D 文字雨动画效果

这是一款使用three.js实现的密集文字从天而降的动画效果,无数文字从天而降最终落入地面的指定位置中,文字的下落以及地面的起伏效果整体呈现出非常逼真的3D场景,降落的文字支持自定义,降落速度,...

CSS 仿真台风扇动画效果

吹风电扇

CSS 仿真台风扇动画效果

使用纯 CSS 实现的 3D 仿真电风扇,非常逼真的还原了台扇的立体效果,并且实现了家用台扇的基本功能,有四个按钮,其中一个是开关按钮,另外三个是档位控制按钮,通过鼠标可以操控电扇的开关以及风速...

Three.js 实现的 3D 大雪纷飞粒子背景动画效果

下大雪背景

Three.js 实现的 3D 大雪纷飞粒子背景动画效果

基于开源 3D 图形组件库 Three.js 创建的鹅毛大雪纷飞的背景动画效果,逼真的下雪动画效果只需要简单的几十行代码即可搞定,非常的轻量级,能够实现秒加载!网站中加入此效果一定能够惊艳到用户...

CSS 3D 俄罗斯方块游戏基础版

3D旋转方块

CSS 3D 俄罗斯方块游戏基础版

使用纯 CSS 使用的 3D 旋转俄罗斯方块,初始化是一个旋转的 3D 地面,游戏开始后不同形状的立体方块从天而降落到地面,目前仅有这两步骤效果,没有添加消除的游戏效果,您可以在此动画效果上扩展...

Three.js 粗线条绘制的旋转 3D 球体和 3D 正方体

3D旋转物体

Three.js 粗线条绘制的旋转 3D 球体和 3D 正方体

​代码片段创建了两种动画,分别是多条粗线组成的 3D 旋转球体动画效果,以及多条粗线组成的 3D 立方体动画效果,3D效果是利用 Three.js 插件创建的,最终的动画效果会被绘制在 Canv...

Three.js 3D地球仪上的交互式 SVG 世界地图

世界地图

Three.js 3D地球仪上的交互式 SVG 世界地图

​这是一种旋转的 3D 地球仪动画效果,能够全视角查看世界地图,并且支持拖拽和悬浮功能,当鼠标悬浮与地图之上时会显示该区域国家的名称,其中的 3D 效果是基于 Three.js 实现的,拖拽以及...

CSS 3D动画海报制作,带左右晃动效果 3D 画面更加逼真

3D海报

CSS 3D动画海报制作,带左右晃动效果 3D 画面更加逼真

仅仅用 CSS 实现的 3D 动画海报,该海报是由前后两张图片以及中间的宣传文案总共三层布局实现的,使用了 CSS 的 transform 等关键属性将这三层布局转换为酷炫的 3D 效果,利用 ...

Canvas 3D 台式机微型小屋,支持360度拖拽查看细节

台式机小屋

Canvas 3D 台式机微型小屋,支持360度拖拽查看细节

​Canvas 实现的 3D 微型房间效果,这个微型房间陈设了齐全的生活家居以及用品,房间的外层是老型台式机的外壳,复古与时尚的结合让人爱不释手,这个3D小屋支持拖拽360度旋转,小屋的细节展现...

CSS 3D多边形悬空旋转动画

3D悬空旋转

CSS 3D多边形悬空旋转动画

使用 CSS 实现的 3D 立体多边形旋转效果,使用 CSS 的 background-image: repeating-linear-gradient 属性以及:before、:after、r...

JavaScript 响应式炫酷音乐播放器插件,3D专辑图片展示,在线音乐网站的首选

音乐播放器

JavaScript 响应式炫酷音乐播放器插件,3D专辑图片展示,在线音乐网站的首选

多功能时尚炫酷的一款音乐播放器插件,采用原生的 JavaScript 搭配少许 CSS 样式实现,是一款标准化的音乐播放器,提供音乐切换、暂停播放、播放进度、专辑图片轮播、动态背景等功能,黑色的...

CSS 实现的 3D 波浪动画效果,支持响应式

三维动画

CSS 实现的 3D 波浪动画效果,支持响应式

仅使用1kb大小的CSS实现的非常流畅的3D波浪动画效果,非常的轻量级,而且支持响应式布局。多图片或者多项目横向布局场景下使用该效果特别合适,该效果默认是灰底色的横向布局,当鼠标滑过后出以原彩色...

使用 JavaScript 制作逼真书本翻页效果

翻页效果

使用 JavaScript 制作逼真书本翻页效果

基于纯 JavaScript 实现的图书翻页效果,它带有下一页和上一页按钮,可通过翻页动画切换图片,使用起来也很简单,只需要在前后容器中添加图片(作为背景),代码就会自动渲染出逼真的图书翻页风格...