导航图标提示

CSS 导航栏图标按钮悬停提示标签效果

这是一款导航图标按钮工具提示组件，基于 HTML+CSS 技术实现，它能给悬停的导航栏中的功能图标按钮搭配文字提示框，清晰展示按钮对应的功能（比如示例里的设置图标会弹出 “Settings” 提...

个性输入框

HTML和CSS实现输入框placeholder占位符在聚焦时移动到输入框顶部边框内效果

这是一款纯CSS实现的Material Design风格输入框顶部边框文字提示效果，基于CSS过渡、伪元素和边框动画技术实现，当输入框获取焦点输入时，placehold信息会转移到输入框顶部边框...

地图标记

HTML+CSS实现世界地图中标记位置，并对标记点进行介绍

​通过HTML+CSS实现的一款可以标记位置的世界地图，底层的世界地图是通过SVG实现的简略版地图，地图的上方可以标记关键位置，并且当用户鼠标滑过标记位置时会显示标记处的文字提示信息，点击标记...

加载按钮

CSS按钮的「提交、加载、完成」完整流程动画效果

这种按钮加载动画效果是通过使用CSS中的:checked伪类来模拟进度和完成状态，当复选框（checkbox）被选中时，:checked状态会被激活，从而触发预定义的CSS样式变化，这些变化包括...