悬停特效
基于纯 CSS 实现的包含20种炫酷风格的悬浮特效按钮源码这是一组基于 CSS 技术实现的炫酷按钮悬浮特效,包含霓虹灯框、爆炸效果、塑料变形等多达 20 种不同风格的特效。当鼠标悬停在按钮上时,能呈现出闪烁、缩放、滑动等各种生动的动画效果。每种效果都通...
悬浮导航
CSS悬浮菜单按钮与扇形菜单项结合的创意导航 HTML5 源码这是一款悬浮动作按钮(FAB)与大菜单结合的创意导航效果,基于CSS+SVG技术实现。当用户点击绿色的悬浮按钮时,一个带有背景遮罩的大菜单会优雅地展开,提供多种功能选项,如图片、笔记、消息和联系...
圆形导航栏
CSS+JS带指示功能的圆形导航菜单工具栏HTML5源码这是一款带指示功能的圆形导航菜单效果,基于 CSS 和 JavaScript 技术实现。初始状态下,菜单以一个简洁的“+”按钮呈现,点击后会展开成一个圆形菜单,包含多个功能图标,如主页、设置、用...
个人资料卡片
CSS个人资料卡片悬停展开详细信息动画效果HTML5源码这是一款个人资料卡片悬停动画效果,基于CSS技术实现。当用户将鼠标悬停在卡片上时,卡片会以优雅的动画效果展示包括关注、私信按钮在内的更多信息或改变样式,提升视觉体验和互动性。适用于社交平台、设计...
圆点导航指示器
CSS + JS 带圆点指示器的轮播滑块HTML5源码这是一款利用 CSS 和 JS 技术实现的轮播滑块效果。拥有左右切换按钮方便用户手动控制内容切换,同时底部配备圆点指示器,能清晰展示当前轮播位置以及轮播项的总数。适用于广告宣传、产品展示或各类需...
待办组件
Vue.js 简洁实用的待办事项列表组件这是一款基于 Vue.js 技术实现的待办事项列表效果,提供输入框用于添加任务,输入内容后点击添加按钮即可将任务添加到列表中,每个任务条目配备删除图标,方便用户移除已完成或不需要的任务 。界面简...
脉冲按钮
CSS 渐变脉冲动画效果,支持动态调节脉冲颜色这是一款渐变脉冲动画效果,基于 CSS 技术实现,以紫色圆形图标为中心,当鼠标点击交互时,向外扩散出柔和的渐变光晕并呈脉冲式动态变化,并且支持通过拖动杆动态调节脉冲颜色,视觉上精致且富有科技感,...
登录注册表单
基于CSS+JS实现的简约登录注册表单,登录注册界面可自由切换!这是一款登录与注册表单界面布局效果,基于 CSS+JS 技术实现,界面简洁清晰,包含邮箱、密码输入框及登录按钮,还有找回密码等功能入口,点击右上角的加号图标可以自由切换登录与注册表单界面。这款表...
按板开关
CSS 打造的灯光按板开关效果图标,支持点击切换开关状态,背景色随之改变这是一款通过 CSS 技术实现的灯光按板开关效果图标,通过简洁的设计和细腻的光影处理,营造出一个立体感十足的开关按钮,采用渐变色彩模拟光影质感。内部嵌入模拟的屏幕样式,顶部的红色细条 可暗示开...
银行卡
CSS+JS+SVG 点击按钮无限生成不同风格的银行卡片这是一款基于 CSS、JS 与 SVG 技术实现的生成式银行卡效果,能动态生成风格统一、细节随机的虚拟银行卡界面(含卡号、有效期等元素 ),点击 “NEW CARD” 可触发新卡生成,适配金融...
移动菜单
CSS+JS 实现的移动端底部菜单栏,支持点击交互效果这是一款基于 SVG+CSS 技术实现的移动端菜单效果,整体设计简洁现代。白色底色的菜单栏上设有汉堡菜单图标与搜索图标 ,点击中央的十字按钮会弹出包含 YouTube、Twitter、Faceb...
登录注册表单
CSS新拟态风格「Neumorphism」登录注册表单组件,支持单页面切换注册登录功能这是一款新拟态风格登录注册表单布局,基于CSS框阴影技术实现,通过柔和的凹凸质感与微妙的光影变化,打造具有现代感的软UI界面,点击注册或者登录按钮实现界面左右交换,特别具有创意的登录注册表单布局...