心形
利用 圆形 和 正方形实现
.heartShaped
气泡三角形
利用 border 的 transparent 特性实现
.bubbly
弧形切角
单个颜色实现 hover 和 active 时的明暗变化效果
梯形
利用伪类加旋转透视实现
.trapezoid
饼图
平行四边形
菱形
折角
spectiveBlur
纯 CSS 方案实现背景变暗效果（hover按钮触发）
.spectiveBlur
条纹背景图
条纹背景图
条纹背景图
混合模式背景图
随机背景图
利用渐变、蝉随机实现
.random-stripe
晴天（sun）（单标签实现）
多云（cloudy）（单标签实现）
cloudy 阴影实现多云天气图案
多云（cloudy2）（单标签实现）
利用线性渐变、阴影、缩放实现
.cloudy2
阴影实现雨天天气图案
雨（rainy）
利用线性渐变、阴影、缩放实现
.rainy
breeze 利用border、transparent、实现微风天气图案
微风（breeze）
利用border、transparent、实现
.breeze
rainbow 利用border、box-shadow 实现彩虹天气图案
彩虹（rainbow）
利用border、box-shadow 实现
.rainbow
starry 利用 box-shadow 实现彩虹天气图案
夜空璀璨（starry）
利用 box-shadow 实现
.starry
thunder 阴影、border实现雷电天气图案
雷电（thunder）
利用阴影、border实现
.thunder
snowy 阴影实现雪天天气图案
five-star 利用border、transparent、旋转实现
五角星（单标签实现）
利用border、transparent、旋转实现
TaiChi 利用border、transparent、旋转实现太极图
太极图（单标签实现）
利用 box-shadow 实现
captainAmerica 利用渐变实现美队盾牌
button 利用渐变、阴影实现纽扣
chrome 利用渐变实现 chrome 浏览器图标
Opera 利用渐变实现 Opera 浏览器图标
IE 利用渐变实现 IE 浏览器图标
safari 利用渐变实现 safari 浏览器图标
safari（单标签实现）
利用渐变、border、旋转实现
sogou 利用渐变实现 sogou 浏览器图标
firefox 利用渐变实现 firefox 浏览器图标
http://sbco.cc/magicCss/html/index.html
