机票UI
Tailwind CSS 电子机票UI布局网页效果基于 Tailwind CSS 框架实现的飞机票电子版UI布局效果，票的上层标题部分加入了飞机飞行的动画效果特别的有创意，动态天空背景动画效果是由一张静态天空图片通过CSS合理设置属性后实现的，...
链子链接
CSS 3D 环环相扣，连接成链过程动画效果使用纯CSS实现的链子环环相扣链接到一起的动画效果，链子缓慢360度旋转，旋转的过程中链子逐个扣在一起组成长链，整个动画过程不借助各类三方脚本只需要CSS的transform-*、keyfram...
抖动效果
GSAP 实现仿iPhone音量条DIV拖拽抖动弹跳动画效果受 iPhone 音量条的启发设计的这款可随意通过拖拽的方式调整宽度的DIV弹性效果，拖动完成后会有抖动效果，只需按住并拖动右侧拖拽杆（鼠标悬停显示拖拽杆）即可看到这种交互性特别强的抖动效果。该...
双层叠加
GSAP 实现叠加覆盖布局页面，并实现像素化切换过渡效果使用GSAP与CSS结合实现的像素动画切换过渡效果，HTML页面包含两部分内容，其中一部分内容在初始化时会被隐藏，另一部分内容会预先显示，这两部分叠加到核心的布局是通过CSS实现的。这两部分内容...
斯卡帕
建筑施工与设计服务企业 HTML 响应式网站模板这是一款专为建站施工与设计公司设计的响应式HTML模板，基于主流的响应式框架Bootstrap5x设计而成，拥有良好的自适应能力。该模板总共包含了22+的HTML内页，其中涵盖了3种独特风格布局...
发奈斯
贷款投资与金融理财企业专用 HTML 响应式模板这是一款专门用于金融行业的HTML5模板，基于主流的响应式框架Bootstrap5x主流版本构建而成，无论是金融顾问、会计师事务所、商务咨询公司，还是保险、贷款、投资、理财、税务和投资公司，「发...
资料展示
Tailwind CSS实现的玻璃质感双层布局个人信息展示效果基于Tailwind CSS框架实现的用户信息个人资料展示面板，整个资料区分两层展示，可通过上层的右上角菜单激活下层资料的进一步展示，这种带玻璃质感样式外观的用户界面设计风格给人一种现代、高科技...
3D标题
纯CSS实现的创意中间镂空 3D 标题文字纯CSS实现的3D文本效果，当鼠标悬停文本时镂空区域颜色会更换，实现这种创意性十足的文本效果无需JavaScript！更无需重复文字！仅仅需要SVG矢量图搭配CSS即可实现，非常的轻量级，使用...
光速粒子
Canvas 实现的3D光速粒子迎面扑来动画效果这种一种从视觉上感觉像是在3D空间的光速移动粒子动画，但实际上它是完全基于二维图形实现的。屏幕被划分成一个极坐标网格系统，在这个网格中，粒子被生成并按照一定的规律移动，从而营造出立体感。这种效果...
无死角展示
Canvas 360度3D全方位展示物体动画效果通过JavaScript在Canvas画布中绘制的360度展示物体动画效果，并且还实现了由远及近的拉进镜头动画效果，整个动画过程如下：一件珍贵的文物首先被呈现出来，仿佛从历史的尘埃中被发掘并精心...
动画导航
CSS 带起伏 3D 动画的纵向导航列表分享一款带动画效果的纵向导航菜单，基于纯CSS的animation*、transition、transform等关键属性设置合适的值而实现，页面初始化时菜单从上而下逐个加载菜单项，这个加载过程融...
Sierpinski
JavaScript结合SVG实现谢尔宾斯基(Sierpinski)三角形递归分形动画效果这是一款经典的谢尔宾斯基(Sierpinski)三角形分形过程网页版动画效果，可以通过鼠标点击黑色三角形进行无限的分形，每次分形都把一个三角形分成四等份，挖掉中间那一份，然后继续对另外三个三角形...