太阳板
太阳能电池板与绿色新能源公司网站专用的简约风格 Bootstrap 模板「太阳板」是一款专为太阳能、风能及其他可再生绿色能源公司设计的HTML响应式网站模板，旨在帮助这些企业打造专业的在线形象。基于Bootstrap 5框架，包含2款独特布局主页，「太阳板」模板不仅...
主题切换
基于纯CSS实现彩色纹理填充的明暗主题切换按钮这是一个明暗主题切换开关，利用CSS的 :has() 属性将常见内容变暗，而不是使用JavaScript，整体非常的轻量级。并且还基于SVG实现了代表亮色主题的太阳图标以及晚上暗色主题的月亮图标...
亮暗切换
CSS带滚动切换效果的简约暗亮主题开关按钮基于CSS实现的一款极简模式明亮黑暗切换按钮。这款切换按钮的手柄按钮和图标采用了类似混合模式的效果，按钮会随着交互的进行而滚动，而图标会随着交互进行旋转。其中的太阳河月亮小图标是通过SVG实现的...
旋转加载
SVG + CSS轻量级旋转太阳Loading加载中效果一款外形酷似太阳旋转且具有延迟和渐变遮罩效果的个性预加载器，其中「光线」等素材是通过SVG矢量图实现的，旋转收缩渐变效果是通过CSS实现的。非常轻量级简约的一款Loading加载中动画。
浮雕按钮
CSS浮雕质感亮暗主题切换按钮通过纯CSS实现的一款干净的浮雕效果暗亮主题切换按钮，按钮的背景纹理呈现凹陷状态上方的按钮仿佛被雕刻上一样，按钮的两边有太阳和月亮图标分别代表亮色主题以及暗色主题，在切换的过程中背景也会配色做亮...
主题切换
CSS+JS实现带有插图的亮暗主题切换按钮，可用在开关、主题切换、场景切换中一款带有额外插图细节的主题拨动开关按钮，通过按钮调节白天以及夜晚，按钮中通过SVG实现了代表白天的太阳和白云以及代表晚上的月亮和星星主题插图元素。基本的HTML结构为checkbox复选框，通过...
明暗按钮
CSS亮色主题与暗色主题切换按钮，带太阳与月亮图标交互效果一款主题鲜明的亮色与暗色模式切换按钮，基于纯CSS实现特别的轻量级。按钮的图标会随着主题的变化而变化，当亮色主题模式下显示小太阳图标，当黑色主题模式下切换为月亮小图标。专门为亮色暗色主题切换场景...
昼夜交替
HTML利用太阳和月亮作为滑块的曲线时间选择器，灵感来源于自然界的昼夜交替！基于CSS结合JavaScript技术在HTML中实现了一个独特的使用太阳和月亮作为手柄滑块的曲线时间选择器。这个设计灵感来源于自然界中的昼夜交替，用户可以通过拖动太阳和月亮手柄来选择一天中的...
太阳光芒
CSS太阳发光动画效果基于CSS实现的太阳以及太阳光芒四射动画效果，整个太阳呈现出一种炙热的沸腾感，实现方式：先定义若干个div为ray的元素，代表阳光，外层是div为sun的「太阳」区域，然后通过CSS的anima...
来思茅
配镜与眼镜电商平台专用App手机网站模板(Bootstrap + PWA)「来思茅」是一款专为眼镜商店打造的App移动应用模板，适用于配镜平台、眼镜店、太阳镜店等线上电商平台App手机网站使用。基于 Bootstrap 5 和 PWA 技术，帮助您创建快速加载、性能优...
斯路提
技术与IT服务公司专用 HTML5 响应式模板这是一款专为科技网站、IT服务以及技术公司网站设计的 HTML5 响应式网站模板，通过使用该模板，各类人都可以轻松创建IT/软件服务、技术、商业咨询、软件公司、网络安全、SaaS、数据中心、数据...
色彩渐变
CSS 微微星光渐变色发光动画效果使用 CSS 实现的渐变色发光动画效果，基于 transform 以及 background-image 属性实现的，光的颜色可以自定义，当前动画是蓝光效果，一种宇宙深处的深邃感，如果想创建月光...