黄铜钟表
CSS实现的木质边框与黄铜表盘复古风格模拟时钟通过CSS实现的一款黄铜表盘与木质边框组成的复古时钟，锃光瓦亮的黄铜表盘+富贵范十足的木制边框组成了这么一款高贵壁挂模拟时钟，只需要简单的CSS技术即可实现。
塑料闹钟
CSS实现的塑料材质与金属边框床头电子定时闹钟一款基于CSS实现的塑料金属材质外观床头定时电子闹钟，蓝色的外观+金属材质的数字边框组成一款特别精致的床头小闹钟，整体的外观及布局都是通过纯CSS实现的，JS只负责时间的变化时间。此外，该闹钟...
创意单选框
CSS焦点边框平移效果 Radio 单选按钮纯CSS实现的焦点滑动Radio单选按钮，底层其实还是radio标签，我们在radio标签上加入了truncate的选择器，并且定义了焦点边框的平移效果，不需要各类三方插件，仅仅只需要CSS即可...
错误提示框
CSS实现创意密码输入框，校验不通过时输入框呈现有趣地晃动动画效果基于CSS实现的一款创意的密码输入框，当用户输入的密码不符合要求（比如长度不足）时，输入框会上下弹跳并且变为红色边框同时显示错误消息。这种设计既有趣又直观，能够吸引用户的注意力并提醒他们修正错误...
波纹动画
CSS实现的水波纹边框效果按钮该代码文件创建了一种具有水波纹边框效果的按钮。使用CSS的伪元素::before创建波纹效果，并应用不同的动画延迟创建不同效果的波纹按钮效果。这种效果可以增强按钮的交互性和视觉吸引力。
弗瑞拉
专为园艺与景观设计打造的专业 HTML 响应式模板「弗瑞拉」是专为园艺和景观设计专业人士和公司精心打造的 HTML 模板，该模板基于主流的响应式框架Bootstrap先进版本进行构建，非常适合景观设计、花园、公园、草坪养护、水景、园林设计及维护...
流光按钮
CSS带有动态边框和渐变背景的CTA召唤按钮这是一个带有动态边框和渐变背景的闪亮CTA召唤按钮。使用CSS的@property规则可以定义自定义属性，使动画效果更加灵活和可控。@keyframes规则用于定义动画效果，而animation...
蓝莓秀
Bootstrap 食品电商平台网站模板，支持RTL翻转、黑色模式以及多种自定义颜色皮肤「蓝莓秀」是「Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观」这款模板的兄弟版本：基于主流先进的Bootstrap v5.3.3设计而成的食品电商网站模...
蓝莓秀
Tailwind CSS 食品电商平台网站模板，支持RTL、黑色模式以及多种颜色皮肤外观「蓝莓秀」是一款功能强大多用途的现代化电商网站模板，采用主流版本先进的Tailwind CSS技术实现，专为各种在线销售业务设计，非常适合于食品店、超市、冷冻食品、水果、蔬菜、生鲜、零食、农产品...
邮票动画
CSS实现半圆齿孔邮票边框，边框内部附带「小船滑过水城」动画效果使用纯CSS通过一系列复杂的属性设置实现的小船缓缓滑过城市河流动画效果，外层是通过CSS的transition以及transform实现的邮票半圆齿孔边框，当鼠标移动到邮票上时邮票会放大，内部的...
图标动画
SVG与CSS实现的无限符号图标边框流动动画效果基于CSS的keyframes、transform以及animation等关键属性实现的带边框流动效果的无限符号图标，可通过「切换主题」以及「切换轮廓」功能按钮查看不同的效果。无限符号使用的sv...
文字滚动
实现 HTML 页面四个边框文字滚动效果，滚动的文字源于视口中的段落标题！基于 CSS 实现的页面四周文字滚动播放效果，其中滚动的文字来源于当前页面视口的标题文字，而获取视口标题文字的方式是通过 GSAP 的 ScrollTrigger 插件。