三维动画
CSS 实现的 3D 波浪动画效果，支持响应式仅使用1kb大小的CSS实现的非常流畅的3D波浪动画效果，非常的轻量级，而且支持响应式布局。多图片或者多项目横向布局场景下使用该效果特别合适，该效果默认是灰底色的横向布局，当鼠标滑过后出以原彩色...
闪亮标题
响应式炫酷标题闪亮登场效果仅用20行CSS样式代码以及10行JavaScript脚本实现的响应式标题，图标素材使用的SVG，整体特别的轻量级，而且这款标题还能够适配任何设备。最终动画效果：标题文字左侧渐入，紧跟其后是一道...
屏保
JavaScript实现的仿动态屏保动画，会随机变换图形基于 JS 实现的动态屏保动画，用电脑的应该都很熟悉这个动画，因为这个动画是一般PC的标配，这是仅使用了不到100行，1kb大小js代码实现的，非常的轻量级，可以学习或者装13用，图形变换时间，...
图片上升
CSS实现类似于屏幕保护的多图上升效果基于 CSS 实现的仿动态屏保效果，可以实现多张图片轮流从下往上轮播，实现原理是让这些图片以不同速度、不同位置且同一方向，使用到了css中的--duration以及animation-delay...
固定列表格
CSS 设置表格的固定页眉、页脚和第一列的高度和宽度这段代码使用 CSS position:sticky 属性创建了一个具有固定页眉以及固定第一列的 HTML 表格，该表格的高度和宽度保持不变，并包含一个固定的页脚。 支持 position:st...
响应式table
HTML 可自动调整列宽的响应式 table 表格这段 HTML 和 CSS 代码可帮助你创建一个可自动调整列宽的响应式 table 表格，它通过对边框、字体、颜色和间距等各种元素进行样式设计，创建了一个简洁、有条理且具有视觉吸引力的表格，它能...
拍瑞德
Tailwind CSS 个人作品集展示网站模板这是一款使用主流前端框架 Tailwind CSS 构建的个人作品集、个人全方位展示网站模板，该款模板使用了极具创意、简约而干净的设计，非常适用于个人作品集、艺术作品集、创意作品集、产品设计师、...
指导者
在线文档与知识问答专用 Tailwind CSS 网站模板这是一款在线文档与知识库分享专用网站模板，使用最近热度超高的前端框架 Tailwind CSS 进行构建，版本是3.4.0，同时还包含大量组件，以及组件的详细介绍，可轻松制作产品指南、在线文档、...
卡佩
Tailwind CSS 实现的税务与社保等服务公司网站模板这是一款使用最新版本的 Tailwind CSS 优秀前端框架设计而成的公司服务行业网站模板，非常适合于会计事务所、税务服务、社保服务、财务顾问服务、薪资顾问服务、医疗社保服务、房产交易服务等公...
导航栏
Bootstrap 5 中实现响应式导航栏菜单示例本代码示例使用 Bootstrap 5 创建了一个响应式导航栏。 它能确保网站的导航菜单适应不同的屏幕尺寸，无论是台式机还是移动设备都能够完美且以合理的布局方式展示，其核心功能包括可折叠菜单、下...
侧边栏导航
Bootstrap 实现的左侧边栏导航菜单栏，所有Bootstrap版本均可使用左侧边栏导航菜单是基于 Bootstrap 框架结合 jquery 实现的，导航的动画效果是基于 Bootstrap 提供的js实现的，外观样式是使用原生 CSS 实现的，所以这款左侧导航栏菜单...
轻量级轮播
纯 JS 实现的轻量级响应式轮播图插件， 仅1kb大小这款轮播图插件非常的轻量级，大小只有1kb，区区60行js脚本实现的响应式轮播图插件相当给力，除了自动轮播还提供了两种手动切换轮播的方式，第一种是通过左右按钮进行切换，另一种方式是使用底部提供的...