倾斜开关
CSS实现具有3D倾斜滚球效果的切换开关按钮基于CSS结合JS创建了一个具有 3D 倾斜效果的开关切换（Toggle Switch）按钮，让用户在操作开关的时候感觉像是在玩一个玩具，特别的具有趣味性。通过使用 CSS3 的变换和过渡效果，...
博克斯
Tailwind CSS现代化简约风格在线个人全方位展示网站模板，包含单页与多页两种风格「博克斯」是一款基于Tailwind CSS框架的现代化简约风格个人作品集 HTML 模板，专为设计师、开发者、自由职业者等个人网站设计。该模板提供单页布局以及多页布局两种布局风格，并提供了9种...
亮暗切换
CSS带滚动切换效果的简约暗亮主题开关按钮基于CSS实现的一款极简模式明亮黑暗切换按钮。这款切换按钮的手柄按钮和图标采用了类似混合模式的效果，按钮会随着交互的进行而滚动，而图标会随着交互进行旋转。其中的太阳河月亮小图标是通过SVG实现的...
滚动开关
CSS创意圆柱体左右滚动开关按钮通过纯CSS实现的一款创意兼具趣味性的滚筒开关按钮，通过点击滚动实现开关或者其他相对状态的切换，圆柱体滚筒在不同的开关状态下呈现不一样的颜色。实现起来很简单，地下是HTML用到的部分代码，只需要...
滚动开关
CSS实现具有滚动效果的切换开关按钮基于纯CSS实现一个滚动（Rolling Check）样式的切换开关（Toggle Switch）按钮，这种开关在切换状态时标识开关的图标会有一个平滑的滚动动画，并且伴随着图标的变化，使得用户界...
滚雪球
CSS雪地上滚动雪球效果范围指示器一款通过CSS结合TypeScript技术实现的雪球滚动范围指示器，整体效果表现：背景是雪地，雪球在雪地中横向滚动形成凹痕路线，雪球的上方是范围刻度数字（写在雪地上的文字效果），并且雪球带有影...
滚动按钮
CSS实现3D滚球回滚切换按钮一款通过CSS结合TypeScript实现的3D滚球动画效果切换按钮，其中3D圆球的滚动、背景的立体阴影效果都是基于CSS属性实现的，小球表面的点状修饰是通过覆盖图片实现的。点击小球后者小球的旁...
瑞尼丝
包含多种布局风格的博客与新闻响应式 Bootstrap 模板「瑞尼丝」是一款专业的响应式博客网站模板，基于前端主流响应式框架 Bootstrap5x进行构建，总共提供了26+HTML功能页面，其中包含三种不同布局风格的主页布局，为您定制生活博客、娱乐博客...
无限滚动
GSAP Observer 垂直无限滚动效果，支持页面拖拽使用GSAP的Observer插件实现垂直方向无限滚动效果，并且支持上下拖拽内容。当用户滚动或者拖拽页面时，内容会不断更新，形成无限滚动的效果。这种效果常用于社交媒体、新闻网站等需要持续加载内容...
跑马灯
CSS创意图片文字跑马灯效果，实现倾斜方向滚动轮播创建一个展示狗狗图片以及介绍的跑马灯效果。使用CSS的@keyframes规则和animation属性，可以轻松实现图片的水平或者倾斜方向滚动效果。DIV容器元素用于包裹常见的图片，并控制其显...
蓝莓秀
Bootstrap 食品电商平台网站模板，支持RTL翻转、黑色模式以及多种自定义颜色皮肤「蓝莓秀」是「Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观」这款模板的兄弟版本：基于主流先进的Bootstrap v5.3.3设计而成的食品电商网站模...