AI火花按钮
CSS生成 AI 动画按钮，悬停按钮时显示霹雳火花动画效果你肯定猜不到这个AI动画按钮是由一张图片和一个视频制作的！按钮静止状态下其实是一张带闪电的图片，当鼠标悬停到按钮（闪电图片）上时触发的霹雳火花动画其实是个1秒钟的视频，这个视频是通过询问AI「最...
抖动效果
GSAP 实现仿iPhone音量条DIV拖拽抖动弹跳动画效果受 iPhone 音量条的启发设计的这款可随意通过拖拽的方式调整宽度的DIV弹性效果，拖动完成后会有抖动效果，只需按住并拖动右侧拖拽杆（鼠标悬停显示拖拽杆）即可看到这种交互性特别强的抖动效果。该...
3D标题
纯CSS实现的创意中间镂空 3D 标题文字纯CSS实现的3D文本效果，当鼠标悬停文本时镂空区域颜色会更换，实现这种创意性十足的文本效果无需JavaScript！更无需重复文字！仅仅需要SVG矢量图搭配CSS即可实现，非常的轻量级，使用...
预览信息
JavaScript 鼠标悬停消息图标，快捷预览最新提醒信息使用JavaScript结合CSS实现了鼠标悬停在消息图标上预览新信息，当有新消息到达时，消息图标的右上方会出现消息数量，当用户通过鼠标悬停于消息图标之上时，消息数量提示的地方会滚动显示主流的一...
交互性卡片
JavaScript 带鼠标悬浮标记效果的卡片布局这是一款通过 CSS 样式控制生成的卡片布局效果，该卡片布局效果添加了鼠标悬停的过渡效果，当鼠标移动到卡片上方时，卡片的四周会出现一个逐渐被包围起来的蓝色边框，该蓝色边框会随着鼠标在各个边框之间...
润斯啼
房产中介酒店入住 HTML 响应式模板在当今互联网时代，拥有一个功能强大且设计现代的网站是吸引客户的关键。这款模板正是这样一个适合房地产销售与酒店预定的网站模板，它不仅拥有清新简约时尚的设计，还能帮助您创建
悬停效果
基于简单 JavaScript 实现的悬停时的视差效果此 JavaScript 代码片段可帮助您在鼠标悬停事件中创建视差移动效果，实现原理是在鼠标悬停事件中获取页面的 clienX 和 clientY 值，并相应地移动目标元素，通过调整数值可改变悬...
视频播放器
带缩略图的轻量级 jQuery 视频播放器，实现轻松播放 HTML5 视频这是一款基于 Web 的轻量级多特性 jQuery 视频播放器，可在网页上播放 HTML5 视频，并带有缩略图，该插件支持对播放器进行全面配置，包括播放器界面、控件图标等。它还可以通过添加 G...
图像 3D 效果
基于 CSS 实现的 4 种图片 3D 悬停效果该代码可为图片创建迷人的 3D 图片悬停效果，它的工作原理是将图片转换成切片，使其在鼠标悬停时呈现多种不同的外观，目前共提供了折叠式、班折叠式、外卷、内卷 4 种样式，其核心方法 "hoverf...
响应式导航栏
基于JS + CSS 实现的带下拉菜单和搜索框的响应式导航实现了一个带下拉菜单和搜索框的响应式导航菜单，实现仅仅基于 CSS + JavaScript 实现不依赖于各类第三方插件。该菜单带有一个水平菜单栏，其中包含Logo、下拉框和一个用于搜索框的切换...
登录表单
使用 HTML 和 CSS3 制作炫酷变色动画登录表单这段代码使用 HTML 和 CSS3 创建一个包含酷炫变色动画响应式登录表单，该表单包括用户名、密码输入框和一个登录按钮，该表单具有一个动画环，可在鼠标悬停时改变颜色和旋转样式，从而增强用户交互...
司藤
ChatGPT AI聊天、SaaS平台、设计公司三合一Bootstrap网站模板这款模板适用于SaaS管理平台、软件/网站等设计公司、ChatGpt AI文字、图片、视频生成这三种业务场景，其中SaaS业务方向提供了3种主题风格，1种设计主题风格以及2种AI对话风格，多种配...