动画导航
CSS 带起伏 3D 动画的纵向导航列表分享一款带动画效果的纵向导航菜单，基于纯CSS的animation*、transition、transform等关键属性设置合适的值而实现，页面初始化时菜单从上而下逐个加载菜单项，这个加载过程融...
Sierpinski
JavaScript结合SVG实现谢尔宾斯基(Sierpinski)三角形递归分形动画效果这是一款经典的谢尔宾斯基(Sierpinski)三角形分形过程网页版动画效果，可以通过鼠标点击黑色三角形进行无限的分形，每次分形都把一个三角形分成四等份，挖掉中间那一份，然后继续对另外三个三角形...
波光文字
CSS 实现的波光粼粼文字单个凸显动画效果一款非常时尚且易用的「波光粼粼」文本效果送给大家，文字从左到右持续依次闪光凸显的动画效果用在网站中能够直线拉升网页的回头率，整体效果是基于CSS的animation、transform、tex...
客户反馈
Tailwind CSS 客户评价布局模板，支持多个反馈信息手动切换效果使用Tailwind CSS创建的一款时尚简约且布局合理的客户反馈模块模版，色彩采用的是黑白搭配的简约风格，可放置多个客户反馈信息，支持手动轮播切换，每个客户反馈信息涵盖客户信息、点评信息以及头...
表白玫瑰
CSS实现的玫瑰盛开，爱心相伴动画效果，情人节表白利器！这是一款基于CSS实现的表白HTML网页动画效果，整个页面布局十分合理包含霓虹灯效果的「I LoveYou !」文案、逐渐盛开的红玫瑰动画、跳动的小爱心围绕着玫瑰时隐时现，其中的小爱心是通过sv...
拆信封
GSAP 情书信封打开查看信件 HTML 动画效果一款拆情书并查看信件内容的HTML网页动画效果，信封的外观心形封条以及内部的信纸这些布局样式都是通过CSS实现的，并且对不同的屏幕设备进行了兼容设置，拥有良好的响应式效果，而撕开爱心封条、打开信...
拼图游戏
GSAP 趣味性十足的拼图网页小游戏一款有趣的拼图小游戏，基于gasp.js插件实现，拼图底板模块使用的是svg矢量图，通过gasp.js操控拖拽以及拼接事件，其中的拼图最终小猫图片是随机的，每次刷新都会出现不同的图片以增加拼图...
创意表单
GSAP 趣味性十足的鲁布·戈德堡（Rube Goldberg）HTML登录表单先解释下鲁布·戈德堡机械（Rube Goldberg），它是一种被设计得过度复杂的机械组合，以迂回曲折的方法去完成一些其实是非常简单的工作，例如倒一杯茶等等。这是外国人设计的一种「连锁反应机器」...
答题插件
基于 jQuery 实现的一个简单的问答插件本代码创建了一个简单的 jQuery 问答模块，它会生成多道问答题，并根据所选选项计算总分，然后将分数与预定义的结果进行匹配，显示最终结果。这款问答插件可应用于市场调查、问卷调查、测试或者其他有...
气球动画
基于 CSS与JavaScript 实现多气球升空动画效果这段 HTML 代码创建了一个吸引人的多气球飞升的动画效果。实现原理啊：先在 HTML 中为气球设置一个 div 容器，并使用 CSS 制作了不同的鲜艳颜色，在通过 JavaScript 随机生...
重复输入
JavaScript 文本删除输入轮播效果本 JavaScript 代码片段可创建持续的文本输入与擦除效果，可设置多个关键文本的轮播效果，只需要在数组中设置要用于输入和删除动画的段语文本，便可以在 ID 为"retype "的span...
像素背景
JavaScript 像素背景动画效果这段 JavaScript 代码可创建迷人的像素背景动画效果。代码会生成一个方格，随着时间的推移方格会移动并渐变。同时还可以通过点击进行交互，生成新的方格或重置现有方格。动画会随着鼠标的移动而变...