css图形制作
心形
.heartShaped
气泡三角形
.bubbly
.notching
弧形切角
.arc
单个颜色实现 hover 和 active 时的明暗变化效果
.pesudo
梯形
.trapezoid
饼图
.pie
平行四边形
.parallelogram
菱形
.diamond
折角
.corner
spectiveBlur
.spectiveBlur
条纹背景图
.stripe
条纹背景图
.wave-stripe
条纹背景图
.arrow-stripe
混合模式背景图
.colorful-stripe
随机背景图
.random-stripe
晴天(sun)(单标签实现)
.sun
多云(cloudy)(单标签实现)
.cloudy
cloudy 阴影实现多云天气图案
.cloudy2
阴影实现雨天天气图案
.rainy
breeze 利用border、transparent、实现微风天气图案
.breeze
rainbow 利用border、box-shadow 实现彩虹天气图案
.rainbow
starry 利用 box-shadow 实现彩虹天气图案
.starry
thunder 阴影、border实现雷电天气图案
.thunder
snowy 阴影实现雪天天气图案
.snowy
five-star 利用border、transparent、旋转实现
TaiChi 利用border、transparent、旋转实现太极图
captainAmerica 利用渐变实现美队盾牌
button 利用渐变、阴影实现纽扣
chrome 利用渐变实现 chrome 浏览器图标
Opera 利用渐变实现 Opera 浏览器图标
IE 利用渐变实现 IE 浏览器图标
safari 利用渐变实现 safari 浏览器图标
sogou 利用渐变实现 sogou 浏览器图标
firefox 利用渐变实现 firefox 浏览器图标
相关推荐
-
史上最全面、最透彻的BFC原理剖析 css3
2017-12-11
-
box-shadow属性探秘 css3
2017-5-11
-
CSS 火焰?不在话下 css3
2019-3-31
-
CSS魔法堂:更丰富的前端动效by CSS Animation css3
2018-9-19
-
Flex弹性布局 css3
2019-10-9
-
Linaria 替换 Emotion 操作记录 css3
2019-10-3
-
被忽略的CSS规则 css3
2019-8-20
-
CSS – 实现垂直居中的几种方式 css3
2019-5-3
-
CSS:BFC 最熟悉的陌生人 css3
2017-9-23
-
css 让图片按自身比例适应元素宽度-移动端 css3
2019-9-22