麦克风开关
CSS+jQuery麦克风开关切换动效，通过点击交互实现声音的播放/静音状态切换这是一款音频控制开关效果，基于HTML+CSS+JavaScript技术实现，通过点击交互麦克风图标按钮实现声音的播放/静音状态切换，适用于语音聊天、音频播放器或视频会议界面场景。
悬停按钮
纯CSS实现的悬停按钮出现箭头指示动画并且按钮自动适应长度一款通过纯CSS实现的悬停出现方向指示图标动画的创意按钮，按钮初始状态上面只有文字，当鼠标悬停于按钮之上，会在原有的文字基础上添加一个方向指示的图标，并且自动扩展按钮的长度。纯CSS版本比较简单...
悬停图标按钮
GSAP+CSS实现悬停按钮出现箭头指示动画效果这是一款带有悬停交互效果的趣味按钮，基于GSAP+CSS技术实现。按钮上面初始状态只有文字，当用户的鼠标悬停按钮上时，按钮表面文字的旁边会自动出现一个向右指示的箭头动画，并且文字会相应的向后撤退...
飞行模式切换
CSS+JS带飞机起飞和降落动画的飞行模式切换图标按钮在切换飞行模式时，能够观看到小飞机的起飞和降落动画会不会很炫酷？当前这款基于CSS和JS技术实现的切换按钮就带有飞机起飞、环绕飞行最终降落的动画效果。并且按钮带有颜色切换以及触感。非常适合于飞...
玻璃环进度条
SVG+CSS构建的玻璃质感圆形进度条，并带有发光填充效果通过SVG和CSS创建了一款玻璃质感的圆形进度条，进度条的加载刻度过程效果是基于：蓝色发光填充效果逐渐填充整个玻璃环实现的，玻璃质感环的中间部分显示加载进度值。当加载完成刻度值到达100%后...
网格布局
CSS实现响应式网格菜单布局通过CSS实现的响应式菜单网格布局，无论是手机、平板还是电脑设备都能完美展示。在页面的左上方设置了一个典型的三条杠菜单图标按钮，点击该按钮会呈现出全页面的菜单网格布局，这时候左上角的菜单按钮变为...