垂直轮播
响应式垂直剪裁路径幻灯片 - Swiper JS 点状分页动画导航这是一款响应式垂直轮播切换效果，基于Swiper JS插件和CSS3 clip-path属性实现，通过剪裁路径动画创造出独特的过渡效果。用户既可以通过点击右侧的点状分页导航，也可以使用鼠标滚轮来...
小球轨迹加载器
CSS四小球追逐环形运动轨迹动画加载动画这是一款球体运动轨迹预加载器效果，基于HTML+CSS技术实现。设计中，4个小球在预加载器区域内沿着特定的轨迹移动和旋转，每个球的运动路径清晰可见，形成了动态的视觉效果。这种预加载器不仅能够吸引...
流动彩色丝带
无限流动的彩色丝带，基于 CSS+SVG 打造的光学幻觉效果这是一款流动的无限曲线效果，基于CSS+SVG技术实现，通过精细的动画控制与路径设计，创造出一种如同丝带般连续流动的视觉错觉。这种效果不仅美观，还能为网页增添动态感，吸引用户的注意力。
开关切换
CSS「环绕世界」动画效果开关切换按钮“环游世界开关”按钮是一款通过CSS结合少量JS实现的充满创意和趣味的开关设计。传统的开关通常是通过简单地左右滑动或上下拨动来切换状态。而在这种设计中，开关的手柄需要“环游世界”一圈才能从一侧...
加载器
CSS创意多点传送Loading加载中动画效果为了提升用户在等待加载过程中的体验，基于CSS的:nth-child以及keyframes等关键属性设计了一个名为“传送点预加载器”（Teleporting Dots）。这个预加载器由几个沿锯齿...
波浪方格
CSS实现多彩方格波浪效果创建了一个“色彩网格波浪”（Color Wave）效果，可以使用CSS动画来模拟多种颜色的方格在元素之间起伏流动的效果。这种效果通常用于网站的背景或其他需要视觉吸引力的元素上。通过使用CSS的a...
创意时钟
HTML中通过SVG实现Apple Watch简洁风格的时钟动画创建了一个受Apple Watch时间启发的时钟主题SVG动画效果，时分秒分别对应着三个颜色不一样且从小到大依次嵌套的圆环，中心是数字时间，钟表的圆环轮廓是通过SVG矢量图实现的，细节样式是通...
优锐
在线学习与教育 App 移动应用 PWA HTML 模板在数字化教育时代，构建一个易用且功能强大的在线学习平台已成为教育机构、教师和在线教育创业者的核心需求。「优锐」模板是一款功能全面的基于Figma设计的HTML模板，并且底层是基于主流响应式框架B...
区域裁剪
使用CSS clip-path 实现滚动渐显的英雄区块，增强网站滚动体验！使用CSS的clip-path属性创建出的一种动态效果，使得页面上的元素（例如首页英雄区域）在页面滚动时逐渐显示出来。页面最开始的时候，英雄区域被一个形状（通常是矩形）完全覆盖，用户看不到其内容...
Sophon倒计时
JavaScript 《三体》版星火倒计时时钟动画效果非常喜欢刘慈欣小说《三体》的银幕版--美版《三体》，尤其吸引我的是 Sophon 的倒计时，所以我抽空制作了自己的版本，通过 SVG 和每个路径点的噪声函数，我得到了一个带星火闪光动画的简化版...
建站后端源码
SpringBoot实现的博客系统与企业站通用源码这是一套基于Java语言开发的博客系统及企业官网系统通用的后端源码，该源码只包含前端的API接口及后端管理Admin系统，前端的模板您可以移步到DIY建站栏目中进行选购，选中心仪的模板后进行下载...