弹出菜单
HTML小巧玲珑风格的弹出式菜单,点击菜单后上方弹出菜单项这是一款弹出式菜单效果,基于CSS和JavaScript技术实现。用户点击菜单按钮时,菜单项会以优雅的动画效果从按钮的上方区域弹出展开。此弹出菜单设计简洁,易于使用,并且可以自定义样式和行为,...
旋转旋涡
HTML Canvas多边形旋涡动画效果,支持自定义多边形数量这是一款基于HTML5 Canvas技术实现的多边形漩涡效果。通过Canvas绘图API,创建动态变化的多边形图形,这些图形围绕一个中心点旋转并逐渐向内收缩,形成漩涡般的视觉效果。此效果可以自定...
圆形倒计时
简洁纯CSS实现的圆形计数器 - 无JS的数字倒计时效果这是一款纯CSS实现的圆形计数器效果,是一款倒计时装置,随着时间的递减圆环边框的一层颜色会逐渐褪去直至消失。利用CSS的计数器功能与自定义属性(变量)实现。无需JavaScript,这种计数器常...
圆形加载器
HTML中基于纯CSS实现的简约圆形刻度指示Loading加载器仅使用单个HTML元素定义,结合50行CSS代码实现的圆形带刻度指示的Loading加载器效果,可以通过改变--n以及--f的值来自定义圆形预加载器的边框分割比例。
搜索框
HTML+CSS自定义属性美化搜索框,并实现搜索按钮动态展开效果这是一款创意的搜索框展开效果,基于CSS自定义属性技术实现,在用户交互时,搜索框能够平滑地从一个紧凑的放大镜按钮状态扩展到全宽的输入框+关闭按钮的活动状态,提供更直观和互动的用户体验。由于依赖较...
流体滑块
HTML与CSS高颜值创意流体范围滑块控件,超简洁无各类三方依赖!这是一款基于HTML结合CSS技术实现的一款极具创意且颜值优异的流体范围滑块插件,无需使用SVG或图像资源,仅依赖CSS渐变来构建滑块的视觉外观。JavaScript的作用仅限于辅助功能支持检测...
丝滑开关按钮
CSS图标随着状态变化而变化的开关切换按钮一款在HTML中实现通过CSS实现的带有拉长粘性效果的开关切换按钮,按钮上的图标会随着状态的变化而变化。提供了绿色以及红色两种外观以及两种禁用状态总共四种不同形态的按钮。可以根据自己的实际需求...
荧光文字
科技感十足的SVG代码背景荧光特效标题文字效果,带文字书写动画!一款科技感爆棚的荧光艺术文字效果,文字的轮廓背景是由带阴影效果的代码背景图片覆盖的。其中字体的整体外形轮廓以及布局是通过SVG与CSS技术实现的。文字的临摹动画效果是通过JavaScript驱...
3D书橱
纯CSS打造的第一视角 3D 书架浏览看书体验这是一款纯CSS实现的3D书架浏览效果,用户可以像在现实中一样从书架上选择书籍并以第一视角的方式抽出书进行查看(悬停时)。该效果利用了标签和每个书籍对应的离屏单选按钮来实现交互,同时提供了一个复...
春分
「惊蛰」模板2.0,Bootstrap5.3简约布局SpringBoot自助建站博客模板「春分」模板是「惊蛰」模板的另一种风格表现形式,对首页的整体的模块划分与布局做了大规模的调整,这款模板相对于「惊蛰」模板更加的简约,并且也适当的增减了一些板块,下面会做详细介绍。技术实现跟惊蛰博...
惊蛰
Java自助博客建站系统 Bootstrap5.3.3 蓝色大字体风格前端模板这款命名为「惊蛰」的主流博客模板,外观配色采用了大气专业的蓝色主色调,使用了全新的「大图片大文字」布局风格。技术实现跟立夏博客系统一样,同样是基于 Thymeleaf 及 Bootstrap 开...
