数字时钟
SVG+JS黑胶唱片机械数字时钟效果源码下载这是一款创意数字时钟概念设计,是通过SVG+JS技术实现的,外观形似与激光切割工艺和机械旋转结构实现,通过三层可旋转黑胶唱片圆环组合显示时间,配合背光投影形成数字时钟效果,适用于艺术装置和创意...
个性输入框
HTML和CSS实现输入框placeholder占位符在聚焦时移动到输入框顶部边框内效果这是一款纯CSS实现的Material Design风格输入框顶部边框文字提示效果,基于CSS过渡、伪元素和边框动画技术实现,当输入框获取焦点输入时,placehold信息会转移到输入框顶部边框...
文字扩散
HTML动态文字墙生成动画,一段文字被分割为多个句子扩散开来动画效果这是一款基于 JavaScript + CSS 技术实现的自动生成动态文字墙效果,实现了自动将一段话分隔成句子,然后分散在四周的动画效果。文字可直接替换。通过循环动画控制密集文本的视觉变化,适...
404错误页面
CSS故障特效+随机Canvas弹窗实现404错误页面布局这是一款结合 CSS故障艺术(Glitch Effect) 和 Canvas随机弹窗 的混合动态效果,模拟系统崩溃时的视觉错乱,并随机弹出404错误提示,适用于赛博朋克、错误页设计或实验性视觉项目。
躲避效果
JS 交互式弹性粒子避让鼠标效果这是一款基于 JavaScript 技术实现的的动态彩色球状粒子与鼠标交互的动画效果,粒子通过物理算法模拟弹性避让鼠标的效果,适用于科技感背景或创意交互设计场景。
切换按钮
18种不同风格的自定义高级CSS开关切换Checkbox按钮合集这是一套基于 纯CSS/JS 技术实现的多样化CheckBox开关组件,包含18种创意交互样式(如滑动、3D翻转、表情、IOS风格、霓虹灯效果、填充效果、反弹、阴影、斜面、Material De...
切斜旋转
CSS 六款斜切旋转伪元素悬停动态效果,适用于装饰性悬停动画、3D 视觉增强或创意 UI 设计场景。这是一款利用 ::before 和 ::after 伪元素实现的斜切旋转效果,基于纯CSS技术,通过独立操控伪元素的 skew、rotate 和 border-radius 属性实现动态变形,适...
卡片布局
纯CSS实现倾斜带标题的创意图文卡片布局,悬停时倾斜及图片复位这是一款基于伪元素双图层倾斜设计的图文卡片交互效果,基于纯CSS技术实现,悬停时伪元素复位并触发圆角与背景位移,适用于产品卡片或焦点图展示场景。
图书封面
纯CSS仿真书封设计,精致带书签的响应式图书封面这是一款基于 writing-mode 和 CSS 3D 变换实现的书籍封面效果,模拟横向文字排列与书签细节,适用于电子书推广或图书作品展示场景。
挂画效果
HTML基于CSS实现为图片设置边框变为可以挂在墙上的装饰画这是一款基于CSS的background-clip和伪元素实现的画框效果,通过阴影和蓝黑相间的色调模拟油画质感,配合绳牌装饰形成墙壁挂画展示效果,适用于艺术作品展示或文化类网页设计场景。
谷雨
大气橙黄色主色调全行业企业建站通用Bootstrp模板,后端基于企业级Java技术实现这款模板是与「清明」同风格的高端大气响应式全行业通用网站模板,同样是基于前端主流框架 Bootstrap v5.3.3 构建,保持了「清明」模板的核心功能和优雅设计,同时在以下方面做了个性化优化
