跳跳小游戏
Canvas 实现的果冻跳跳跳生存冒险类小游戏，挑战性、趣味性十足！基于Canvas + JavaScript实现的果冻冲冲冲小游戏，该游戏改编自 iOS 上的游戏「Go Go Jelly」，游戏规则：点击屏幕主人公小果冻向上跳动，收集星星并消灭游动的小鸟以获...
谢尔宾斯基
Canvas 实现可自定义梯度的谢尔宾斯基(Sierpinski)三角形递归分形效果这是一款通过 JavaScript 在 Canvas 画布中响应点击事件实现的「谢尔宾斯基(Sierpinski)三角形」分形效果，可自由设置梯度，生成不同节数的三角形效果，还有一款通过「Jav...
3D标题
纯CSS实现的创意中间镂空 3D 标题文字纯CSS实现的3D文本效果，当鼠标悬停文本时镂空区域颜色会更换，实现这种创意性十足的文本效果无需JavaScript！更无需重复文字！仅仅需要SVG矢量图搭配CSS即可实现，非常的轻量级，使用...
无死角展示
Canvas 360度3D全方位展示物体动画效果通过JavaScript在Canvas画布中绘制的360度展示物体动画效果，并且还实现了由远及近的拉进镜头动画效果，整个动画过程如下：一件珍贵的文物首先被呈现出来，仿佛从历史的尘埃中被发掘并精心...
Sierpinski
JavaScript结合SVG实现谢尔宾斯基(Sierpinski)三角形递归分形动画效果这是一款经典的谢尔宾斯基(Sierpinski)三角形分形过程网页版动画效果，可以通过鼠标点击黑色三角形进行无限的分形，每次分形都把一个三角形分成四等份，挖掉中间那一份，然后继续对另外三个三角形...
波光文字
CSS 实现的波光粼粼文字单个凸显动画效果一款非常时尚且易用的「波光粼粼」文本效果送给大家，文字从左到右持续依次闪光凸显的动画效果用在网站中能够直线拉升网页的回头率，整体效果是基于CSS的animation、transform、tex...
客户反馈
Tailwind CSS 客户评价布局模板，支持多个反馈信息手动切换效果使用Tailwind CSS创建的一款时尚简约且布局合理的客户反馈模块模版，色彩采用的是黑白搭配的简约风格，可放置多个客户反馈信息，支持手动轮播切换，每个客户反馈信息涵盖客户信息、点评信息以及头...
气球动画
基于 CSS与JavaScript 实现多气球升空动画效果这段 HTML 代码创建了一个吸引人的多气球飞升的动画效果。实现原理啊：先在 HTML 中为气球设置一个 div 容器，并使用 CSS 制作了不同的鲜艳颜色，在通过 JavaScript 随机生...
重复输入
JavaScript 文本删除输入轮播效果本 JavaScript 代码片段可创建持续的文本输入与擦除效果，可设置多个关键文本的轮播效果，只需要在数组中设置要用于输入和删除动画的段语文本，便可以在 ID 为"retype "的span...
像素背景
JavaScript 像素背景动画效果这段 JavaScript 代码可创建迷人的像素背景动画效果。代码会生成一个方格，随着时间的推移方格会移动并渐变。同时还可以通过点击进行交互，生成新的方格或重置现有方格。动画会随着鼠标的移动而变...
Sophon倒计时
JavaScript 《三体》版星火倒计时时钟动画效果非常喜欢刘慈欣小说《三体》的银幕版--美版《三体》，尤其吸引我的是 Sophon 的倒计时，所以我抽空制作了自己的版本，通过 SVG 和每个路径点的噪声函数，我得到了一个带星火闪光动画的简化版...
滚动消息
JavaScript 文本无限横向滚动动画效果这是一款基于JavaScript结合CSS实现的文本横向滚动动画效果，非常适合应用于网站的滚动新闻、网站公告、警示信息、中奖信息等大量信息展示的场景，使其有条理的展示内容。实现上主要是利用JS控...