3D按钮
CSS 4款不同变换效果的3D按钮悬浮动画效果使用CSS实现的4款不同旋转效果的3D按钮。当鼠标悬停于3D按钮之上时，按钮旋转方向并且显示不一样的文字内容。是通过定义前后、上下左右上下六个面加上前后两个包装面实现的最终效果。使用起来也很方便...
开礼物盒
CSS晃动的圣诞礼物盒，悬浮礼物盒🎁打开盖子一款基于CSS实现节日气氛满满的🎁圣诞礼物开盒动画效果，呈现的效果：一个礼物盒子放于HTML页面中，如果迟迟不打开盒子会间接性的晃动，仿佛在邀请你打开它。当鼠标悬浮于礼物盒子表面，盒子盖子会被...
文字悬停动画
基于GSAP和自定义JavaScript包装函数实现的8种创意的文字悬浮动画效果使用GSAP（GreenSock Animation Platform）和自定义的JavaScript字母包装函数实现的文字悬停动画，可以实现当鼠标悬停或者离开文字时，该字符会有独特的动画效果...
悬浮效果
基于 CSS 的 clip-path 实现图片悬浮变换形状效果使用 CSS 的 clip-path 属性来创建鼠标悬停（hover）效果。clip-path 属性允许你定义一个形状，只有在这个形状内的部分才会被显示出来，而其他部分则会被裁剪掉。当用户将鼠标...
3D时钟
CSS实现的3D悬浮晃动数字时钟，附带倒影及虚拟效果使用CSS与JavaScript实现的3D数字时钟效果，在HTML页面中数字时钟会在三维立体空间中缓慢转动，时钟数字呈现部分虚拟效果伴随有影子效果。数字的变动事件是通过JS控制的，时钟的3D效果...
悬浮气泡
纯CSS实现的气泡上下浮动动画效果使用纯CSS实现的气泡上下浮动动画效果，使用到了CSS 的 box-shadow、backdrop-filter、animation、aspect-ratio等关键属性实现，泛着微光的气泡在黑...
带进度轮播
gsap 超实用炫酷的圆点进度指示器效果一款通过gsap.js实现的滚动轮播效果带圆点进度指示器的插件，左侧的圆点与右侧的内容一一对应，随着滚动鼠标内容切换的同时圆点进度指示器也会跟着移动，并且当鼠标悬浮在圆点上时圆点会变为右侧对应...
碧优缇
专为建筑施工和工业企业打造的现代化 HTML 响应式模板在当今竞争激烈的商业环境中，拥有一个功能全面且视觉吸引力强的在线网站是企业成功的关键之一。特别是对于建筑和工业领域的公司，一个能够展示项目、服务和产品的专业网站对于企业的发展至关重要。「碧优缇」...
交互性卡片
JavaScript 带鼠标悬浮标记效果的卡片布局这是一款通过 CSS 样式控制生成的卡片布局效果，该卡片布局效果添加了鼠标悬停的过渡效果，当鼠标移动到卡片上方时，卡片的四周会出现一个逐渐被包围起来的蓝色边框，该蓝色边框会随着鼠标在各个边框之间...
阿科迪
教育行业6款细分领域 HTML 响应式模板：打造全方位教育网站解决方案！在当今数字化时代，教育行业的网站需要具备出色的响应能力和功能多样性。我们自豪地推出一款专为在线和离线学习管理系统设计的全领域响应式网站模板。该模板基于前端主流的响应式框架Bootstrap最先版...
噶比特
多用途电子商务 Tailwind CSS 响应式网站模板这是一款现代化大方美观的多用途电商 Tailwind CSS 模板，该模板采用 HTML5、CSS3 和主流的 Tailwind CSS 版本进行构建，拥有良好的响应式布局，非常适合于电子产品、...
世界地图
Three.js 3D地球仪上的交互式 SVG 世界地图这是一种旋转的 3D 地球仪动画效果，能够全视角查看世界地图，并且支持拖拽和悬浮功能，当鼠标悬浮与地图之上时会显示该区域国家的名称，其中的 3D 效果是基于 Three.js 实现的，拖拽以及...