预览信息
JavaScript 鼠标悬停消息图标，快捷预览最新提醒信息使用JavaScript结合CSS实现了鼠标悬停在消息图标上预览新信息，当有新消息到达时，消息图标的右上方会出现消息数量，当用户通过鼠标悬停于消息图标之上时，消息数量提示的地方会滚动显示最新的一...
3D旋转卡片
gsap.js 360度卡片原地旋转3D动画效果基于 gsap.js 以及 CSS 实现的3D带光影效果的360度原地旋转卡片效果，适用于银行卡、票券等卡片展示场景使用，附带逼真的光影效果特别的炫酷，卡片表面的文案、图片以及票券旋转速度支持...
碧优缇
专为建筑施工和工业企业打造的现代化 HTML 响应式模板在当今竞争激烈的商业环境中，拥有一个功能全面且视觉吸引力强的在线网站是企业成功的关键之一。特别是对于建筑和工业领域的公司，一个能够展示项目、服务和产品的专业网站对于企业的发展至关重要。「碧优缇」...
百乐饰
庆祝节日婚庆以及聚会派对装饰用品供应商 HTML 模板在如今的电子商务时代，拥有一个独特且功能强大的在线商店对于任何业务来说都是至关重要的。对于专注于节日派对和婚庆装饰用品的供应商来说，选择一个合适的HTML模板更是关键。「百乐饰」是一款专为婚庆和...
海底探险号
Bootstrap 滚动鼠标探索海底深渊世界一款非常有趣的海底探险动画效果，底层基于Bootstrap最新版本实现，整个页面从上往下由浅及深分为阳光区、曙光区、午夜区、深渊区、海底区，背景是逼真的「马里亚纳海沟」素材图以及不同深度所拥有...
原子运动
CSS 3D 原子运动动画效果CSS实现的仿原子运动动画效果，呈现的动画效果是：多个小球围绕打球持续旋转，多个球体组合在立体空间中无规则旋转，主要使用了CSS的@keyframes、background-image以及ani...
滚动渐入
纯 CSS 实现的滚动页面内容渐入效果仅仅使用 CSS 实现的鼠标滚动网页内容渐入效果，页面的内容（本实例设置的内容是不规则标签卡片）在鼠标滚动时逐渐进入视口内，不需要依赖三方插件，只需要简单的css设置即可实现，该效果适用于标签等...
交互性卡片
JavaScript 带鼠标悬浮标记效果的卡片布局这是一款通过 CSS 样式控制生成的卡片布局效果，该卡片布局效果添加了鼠标悬停的过渡效果，当鼠标移动到卡片上方时，卡片的四周会出现一个逐渐被包围起来的蓝色边框，该蓝色边框会随着鼠标在各个边框之间...
贝斯尼
商业咨询企业服务多用途 HTML5 响应式模板「贝斯尼」是一款专为商业咨询和专业服务设计的HTML5模板，适用于创建各类企业咨询、营销咨询、投资顾问、广告咨询、财务顾问、保险经纪人、HR咨询以及其他中小型机构商务咨询类型网站。该模板提供了4...
付迪欧
现代化在线订餐餐厅 HTML 响应式模板在餐饮行业竞争激烈的今天，拥有一个现代化、响应迅速的网站是吸引客户、提升业务的关键。「付迪欧」是一款专为餐厅、快餐店及在线订餐服务打造的HTML模板，适用于各种类型的在线美食网站。无论您经营的是...
网格背景
CSS 鼠标滑动交互式网格背景动画效果实现的一种交互性网格效果，整个网格背景是通过 CSS 设置而成，每四个网格的中间部分设置了一个十字的中心节点，使网格的分层效果更加突出，通过 CSS 的 transform 以及 grid-te...