CSS 魔法类 使用 CSS 伪类和伪元素的 61 种方法。 访问网站 https://catouse.github.io/css-magic/ 了解更多。 简单 链接 :root 首字下沉 首行加粗 表单输入框聚焦 图像缩放效果 背景翻转效果 修正边框 表格隔行变色 选中文本外观 禁用控件外观 高级 隐藏空内容 处理空链接 选中表单控件(不包括按钮) 按钮切换 下拉菜单 三角形 下拉菜单三角形图标 会话箭头 带边框的会话三角形 角标 箭头形状 切角遮挡 清除浮动 纯 CSS 实现工具提示 字体图标 Sprite 图标 按钮交互外观 不规则形状 增加点击区域 绘制 Logo 绘制图标 绘制图形 CSS loading 动画 环形进度条 面包屑导航 行内逗号分割列表 右上角徽标 聚焦内容 遮罩效果 不规则阴影 顶层内阴影 自动隐藏 dock 栏 TOC 内容聚焦 专家 自适应正方形 等比例自适应媒体内容 翻转卡片 占位标签输入框 文件上传控件外观 单选框和复选框外观 开关 重置单选和复选外观 纯 CSS 实现标签页 纯 CSS 实现折叠面板 纯 CSS 实现轮播 纯 CSS 实现对话框 纯 CSS 实现树形菜单