创意单选框
CSS焦点边框平移效果 Radio 单选按钮纯CSS实现的焦点滑动Radio单选按钮，底层其实还是radio标签，我们在radio标签上加入了truncate的选择器，并且定义了焦点边框的平移效果，不需要各类三方插件，仅仅只需要CSS即可...
切换按钮
CSS+SVG实现非常有创意的图标左右滑动切换按钮一款时尚且有创意的左右滑动切换按钮，按钮的上方可以放置标识身份的图标，切换状态后按钮的图标随着标识进行变换。其中图标是基于SVG矢量图实现的，按钮的滚动丝滑效果是通过CSS实现的，点击切换事件通...
天气小组件
在HTML中基于JS和CSS实现的一款天气预报小组件Widgets在HTML中基于JS和CSS实现的一款天气预报小组件Widgets，具有两种模式：简约模式和扩展模式，这两种模式可通过点击内容进行切换。在简约模式下，只显示城市名、当前温度和天气状况；在扩展模式...
范图因
银行信用卡以及储蓄卡办理业务和金融服务网站 HTML 响应式模板范图因是一款现代化、响应式的高端响应式 HTML 模板，专为银行、金融、贷款、投资、金融科技（Fintech）、金融博客及相关服务网站设计，特别适合推广信用卡、储蓄卡、银行卡、虚拟币卡等金融实体...
伊文特
专为演唱会、会议和活动网站设计的多功能 HTML5 响应式模板「伊文特」是一款现代、独特且干净的响应式 HTML5 模板，专为会议、活动、展览、研讨会以及演唱会管理网站设计。无论您是需要创建商业会议网站，还是展览会、行业研讨会的在线平台亦或者是演唱会等娱乐...
虚拟神
炫酷电竞平台、游戏商店与 NFT 交易平台 HTML 响应式模板「虚拟神」是一款专为电子竞技和游戏 NFT 社区设计的绿黑色炫酷模板，视觉效果引爆全场，并结合了主流的Bootstrap5x技术，拥有极强的响应式以及跨浏览器兼容能力，为用户带来极佳地体验。不论...
昼夜交替
HTML利用太阳和月亮作为滑块的曲线时间选择器，灵感来源于自然界的昼夜交替！基于CSS结合JavaScript技术在HTML中实现了一个独特的使用太阳和月亮作为手柄滑块的曲线时间选择器。这个设计灵感来源于自然界中的昼夜交替，用户可以通过拖动太阳和月亮手柄来选择一天中的...
粘性标题
CSS实现仿手机通讯录的首字母固定滑动列表使用纯CSS实现了一个可以吸附首字母并且支持上下滑动的有序列表，跟智能手机的通讯录效果一样，上下滑动内容时，左上角会固定显示视口内容所对应的首字母。该效果是基于CSS的position: sti...
滚动指示
CSS创意闹钟效果鼠标滚动指示器小组件该代码片段创建了一个由鼠标滚动驱动的小闹钟动画计时器，其中小闹钟图标是通过SVG矢量图创建的，底层完全使用CSS实现滚动计数和指针滑动效果。小闹钟下方的进度百分比会根据滚动位置更新，闹钟的指针以...
斯卡思
Tailwind CSS结合PWA技术实现的体育赛事播报及体育资讯App模板「斯卡思」是一款现代化、高性能的体育比赛以及体育资讯等体育行业App模板，是基于PWA技术结合Tailwind CSS技术实现的，可以被安装到用户升级等设备的主屏幕，提供接近原生应用的操作体验。...
个性开关按钮
CSS制作的Emoji表情开关切换按钮使用CSS实现的多功能时尚开关切换按钮，按钮上的滑块处于关闭状态时呈现的是「难过」Emoji表情，当打开开关时呈现的是「快乐」的Emoji表情，而且在滑动开关时Emoji表情滑块是以滚动的动画效...
网格背景
CSS 鼠标滑动交互式网格背景动画效果实现的一种交互性网格效果，整个网格背景是通过 CSS 设置而成，每四个网格的中间部分设置了一个十字的中心节点，使网格的分层效果更加突出，通过 CSS 的 transform 以及 grid-te...