CSS+JS炫光螺旋汉堡菜单按钮 - 让导航切换充满仪式感

汉堡菜单

CSS+JS炫光螺旋汉堡菜单按钮 - 让导航切换充满仪式感

​这是一款带粒子光效的创意菜单按钮,基于CSS3和JavaScript实现,点击时三条横线会螺旋变形为关闭图标,并伴随粒子光晕扩散效果,为网站导航增添视觉惊喜。这款动效能在用户首次点击时就建立品...

GSAP霓虹灯弹性伸缩下划线动画导航效果

作品集导航

GSAP霓虹灯弹性伸缩下划线动画导航效果

这是一款具有物理弹性的导航菜单,基于GSAP动画引擎开发,菜单项在点击交互时下方会产生霓虹动画下划线重点标注,带来极具质感的用户体验。特别适合设计师、创意机构等需要展示视觉作品的场景,显著提升用...

GSAP实现科幻感极强的复古未来风 radio 单选按钮

创意单选按钮

GSAP实现科幻感极强的复古未来风 radio 单选按钮

这是一款赛博朋克风格的表单控件,基于GSAP动画库实现,将传统SVG单选按钮重新设计为带有CRT显示器风格的动态元素,点击时伴随电子脉冲和扫描线动效。此效果能在保持功能性的同时提升趣味性,特别适...

基于 Tailwind CSS 实现的响应式个人作品集展示网站模板,支持暗黑与 RTL 模式

丹尼斯

基于 Tailwind CSS 实现的响应式个人作品集展示网站模板,支持暗黑与 RTL 模式

这是一款基于 Tailwind CSS v4.1.11 构建的高端响应式个人作品集模板,适合前端工程师、UI/UX设计师、自由职业者、创意工作者展示个人简历、项目作品与服务介绍。它设计现代、结构...

CSS龙猫动画开关按钮 - 用复选框伪装的治愈系交互切换按钮

开关按钮

CSS龙猫动画开关按钮 - 用复选框伪装的治愈系交互切换按钮

这是一款龙猫主题切换开关创意交互按钮,基于纯CSS的checkbox hack技术实现,将宫崎骏动画角色(龙猫)与表单控件良好融合,龙猫的华丽转身完成一次开关切换效果。适用于儿童教育网站、动漫主...

HTML带文字动画的创意搜索框,点击按钮,文字变为“小人”跑到按钮里面

创意搜索框

HTML带文字动画的创意搜索框,点击按钮,文字变为“小人”跑到按钮里面

这是一款通过CSS+少量JS实现的创意搜索输入框,该输入框包含文本域+按钮,当用户在文本框中输入文字内容后,点击搜索按钮,文字内容摇身一变成为一个个小人,按钮挨着文本域的一侧打开门,小人迅速躲进...

CSS+JS为输入框添加输入文字动画交互效果,我称之为“灵魂输入框”

灵魂输入框

CSS+JS为输入框添加输入文字动画交互效果,我称之为“灵魂输入框”

这是一款输入字符动态特效交互效果,基于CSS+JS联合实现,能够在用户打字时为每个字母/文字添加流畅的动画反馈,特别适用于创意登录页、交互式故事平台等需要增强输入体验的场景。

HTML复选框风格贪吃蛇小游戏源码下载

贪吃蛇

HTML复选框风格贪吃蛇小游戏源码下载

这是一款复选框风格贪吃蛇小游戏,基于CSS+HTML+JS技术的创意实现,将传统复选框变成可交互的像素贪吃蛇小游戏,而且非常轻量级,总共5K的代码量即可实现,点击鼠标开始游戏,通过上下左右或者w...

CSS创意发送按钮,点击发送按钮变为纸飞机,向远方飞去!

纸飞机按钮

CSS创意发送按钮,点击发送按钮变为纸飞机,向远方飞去!

这是一款基于纯CSS技术实现的会飞的「纸飞机」发送按钮,点击按钮后,按钮折叠到一些变为纸飞机并在一秒内飞向远方,鲜明的传达了消息传递出去的寓意。这款极具创意的按钮非常适合发送邮件、发送信息等场景使用。

游戏主机服务商专用HTML响应式高颜值网站模板

皮姆豆

游戏主机服务商专用HTML响应式高颜值网站模板

这是一款专为游戏主机服务网站、创意机构、个人作品集和现代企业量身定制的响应式 HTML 模板。模板融合炫酷视觉设计与强大功能模块,帮助你轻松打造一个高转化率、专业且充满创意的在线平台。不论你是独...

专为建筑与室内设计行业打造的高端 HTML 模板,轻松展示设计美学!

艾驰内

专为建筑与室内设计行业打造的高端 HTML 模板,轻松展示设计美学!

​这是一款专为建筑师、室内设计师及创意工作室设计的高端HTML模板,融合现代美学与实用功能,旨在帮助你快速打造专业、精致、具视觉冲击力的线上作品集。无论你是成熟设计事务所,还是刚起步的独立设计师...

纯CSS实现极具创意的车辆归途朦胧灯光飘过动效

朦胧灯光

纯CSS实现极具创意的车辆归途朦胧灯光飘过动效

这是一款朦胧光影缓缓飘过的动画效果,基于纯CSS动画技术实现,像极了晚上在繁华的道路上行驶所看到车外的画面,极具创意的一款动画效果,适合作为故事叙事的视觉引导元素或背景,尤其适用于交通类APP开...