米妮栗
创意机构专用网站模板 - 含 11 种首页的多用途作品集展示 HTML 响应式模板这是一套面向创意和数字营销领域的多用途网站模板，特别适合设计工作室、广告公司、数字营销机构、独立创意人以及需要展示作品的个人和团队使用。模板的突出优势在于提供了10种风格各异的首页设计方案，配合...
手绘下划线
纯 SVG + CSS 实现的 9 种不同风格手绘下划线悬停动画效果这是一款手绘下划线悬停动画效果，基于CSS动画+SVG Symbols+极简JavaScript技术实现。鼠标悬停导航文字时，会出现手绘风格的下划线，带有轻微的不规则感和动态描绘过程，每次显示还...
圆环加载器
纯 CSS 轻量级几何变形加载Loading动画效果这是一款几何变形加载动画效果，基于纯CSS技术实现。小圆点会在螺旋、圆环、花瓣等多种几何图案间流畅变换，每种形态都有独特的视觉韵律。整个动画通过flexbox居中布局，使用vmin单位让尺寸智能...
开关切换按钮
CSS 字母缩放创意开关切换按钮这是一款创意开关切换动效，基于CSS动画技术+React实现。核心亮点是把传统的toggle开关巧妙地融入到"on/off"文字中——左边的椭圆开关本身就充当了字母"O"，圆形滑块在上下滑动时，...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
天气卡片
会下雪的天气卡片：动态雪天天气小组件（CSS+JS）这是一款极简风格的雪天天气小部件，基于CSS动画与JavaScript交互实现，通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动，云层缓缓飘过，雪花持续飘落，视觉上...
播放按钮
20+款CSS媒体播放动画按钮合集，每个按钮配备专属悬停动画，高颜值、可定制的交互设计素材这是一款CSS动画播放按钮合集，基于纯CSS实现，包含20+种独特交互效果，每个按钮配备专属悬停动画，如脉冲光晕、旋转光效、霓虹发光和彩虹轨迹等，每种样式均支持悬停响应，视觉表现力强。适用于视频...
圆形轮播
纯CSS实现的带镜面反射效果的3D原地旋转自动轮播组件这是一款基于CSS高级选择器 sibling-index() 和 sibling-count() 实现的多功能3D圆形原地旋转自动轮播组件，支持图片或图文卡片形式，支持悬停暂停效果、支持动态计算...
骑行插图
CSS人物骑行插画动画效果基于纯CSS动画技术实现的人物骑行插图动画效果，以正向第一视角的角度呈现人物正面骑行驶来的动画效果，两边的树木呈现后退的景象，衬托出人物骑行前进效果，适合赛车运动、骑行、CSS动画教学等应用场景
CSS打乒乓球
纯CSS实现的乒乓球运动动画效果这是一款通过HTML+CSS动画技术实现的乒乓球运动动画效果，通过CSS animation、background-image等关键属性实现乒乓球拍、乒乓球、球拍击球、乒乓球飞行轨迹等外观与动画...
CSS射箭
纯CSS搭弓拉箭、射箭、中靶全流程动画效果这是一款包含拉弓搭箭、射箭、正中靶心一气呵成的射箭过程动画效果，基于纯CSS动画技术实现，动画效果非常的流畅，可用作loading页面加载、体育教学等场景。
天气卡片
CSS天气卡片HTML5源码，支持鼠标移动交互效果这是一款带鼠标交互效果的天气卡片布局效果，卡片的细节以及外观通过CSS动画技术实现，当鼠标晃动时卡片内部元素随之移动并且偶尔还会有流行从卡片内部滑过，这些是通过JS事件实现的，这款效果特别适合a...