CSS 自定义 3D 霓虹发光科技感文件夹悬停交互动画效果

科技感文件夹

CSS 自定义 3D 霓虹发光科技感文件夹悬停交互动画效果

这是一款霓虹科技感文件夹卡片效果,基于Tailwind CSS技术实现。在默认状态下,它呈现一个内敛且带有青色荧光呼吸质感的文件夹;一旦鼠标悬停,多张带有霓虹边框的“虚拟数据文件”会伴随着平滑的...

现代 SEO 与数字营销机构 HTML 响应式建站模板 | 8套Demo/明暗主题切换

弗拉希

现代 SEO 与数字营销机构 HTML 响应式建站模板 | 8套Demo/明暗主题切换

这款模板面向 SEO 公司、数字营销机构、社交营销团队、初创工作室与 Web 设计公司等 to B 服务型品牌,风格现代、简洁、有转化力。8 套完整 Demo 覆盖不同营销服务角度的呈现思路,搭...

CSS 3D卡片悬停倾斜特效:基于Vanilla-Tilt的交互式视差设计

悬停倾斜卡片

CSS 3D卡片悬停倾斜特效:基于Vanilla-Tilt的交互式视差设计

这是一款3D交互卡片视差倾斜效果,基于CSS 3D转换与vanilla-tilt.js技术实现。当鼠标在卡片上悬停移动时,整个卡片会随光标方向进行平滑的三维空间倾斜,内部的图片、文字和按钮等元素...

裁缝与服装定制工厂专用 HTML5 响应式网站模板

缇雅尔

裁缝与服装定制工厂专用 HTML5 响应式网站模板

这套模板专为裁缝工坊、服装定制工作室、服装厂及成衣品牌打造,整体采用扁平化现代设计风格,外观简洁雅致,能够帮助传统裁缝行业塑造出更具品质感的线上形象。模板基于Bootstrap 5x框架开发,代...

IT科技公司网站模板 | 10+首页布局 SaaS软件AI技术响应式HTML模板

艾特酷

IT科技公司网站模板 | 10+首页布局 SaaS软件AI技术响应式HTML模板

​这套面向IT服务商、软件公司、SaaS创业团队、人工智能、网络安全、数字代理及技术顾问打造的HTML模板,以简洁专业的现代设计为科技类业务提供完整的线上展示方案。模板内置10余套风格各异的首页...

建筑施工与工程行业专用 HTML 响应式网站模板,含13套不同风格首页布局

筑诺

建筑施工与工程行业专用 HTML 响应式网站模板,含13套不同风格首页布局

这款模板专为建筑、施工、装修、工程、房地产、太阳能、纺织厂、工厂、车间及重工业等领域的企业打造,帮助相关行业搭建兼具专业气质与商业转化力的官方网站。模板基于 Bootstrap 5 框架开发,结...

SaaS产品推广落地页专用 HTML 响应式网站模板

赫克斯

SaaS产品推广落地页专用 HTML 响应式网站模板

这套模板专为软件初创公司、SaaS服务商、AI工具、移动应用、科技企业及云端订阅服务打造,整体设计简洁现代,页面布局以提升转化为核心,能够帮助产品团队高效展示核心卖点并获取潜在客户。技术层面采用...

App推广、产品营销、SaaS产品推广等多用途落地页 HTML 响应式网站模板

米沃洛

App推广、产品营销、SaaS产品推广等多用途落地页 HTML 响应式网站模板

这套模板专为APP应用程序、SaaS服务、软件产品、初创公司、企业品牌及代理机构打造,整体采用扁平化现代设计风格,外观简洁富有创意,能够帮助团队快速搭建出具有现代感的产品推广站点。模板基于Boo...

纯 CSS 磨砂玻璃风文件夹悬停升起特效

个性文件夹

纯 CSS 磨砂玻璃风文件夹悬停升起特效

这是一款质感细腻的磨砂玻璃风(Glassmorphic)文件夹交互特效,基于 Tailwind CSS 与高级渐变背景技术实现。该设计巧妙运用了半透明背景模糊(backdrop-blur)与内阴...

纯CSS鼠标悬停3D视差卡片特效

3D悬停视差卡片

纯CSS鼠标悬停3D视差卡片特效

这是一个完全基于纯CSS(无需JavaScript)实现的3D鼠标悬停视差卡片效果。利用CSS的 :hover 伪类配合 transform 与 perspective 属性,当鼠标指针在卡片上...

3D纵向扇形展开文字环路交错动画(CSS+JS)

错位文字效果

3D纵向扇形展开文字环路交错动画(CSS+JS)

这是一款动态文字扇形错位交错特效,基于CSS 3D转换与动画序列(Timeline Animation)技术实现。当触发动画时,文本中的每个字符会以中心为轴,成对地向上或向下进行扇形交错位移。离...

GSAP实现的3D沉浸式图文切片卡片自动切换效果,营造出极强的艺术感与空间纵深感

卡片堆叠切换

GSAP实现的3D沉浸式图文切片卡片自动切换效果,营造出极强的艺术感与空间纵深感

这是一个极具视觉冲击力的3D沉浸式图文卡片切换效果,基于GSAP(GreenSock Animation Platform)与CSS 3D转换技术实现。它通过独特的“中心焦点+背景模糊切片”的堆...