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 浏览器图标
相关推荐
-
10分钟理解CSS3 Grid css3
2018-12-22
-
CSS颜色代码大全 css3
2018-10-22
-
html5 canvas模拟实现树的生长 css3
2019-3-9
-
「干货」CSS 不定宽高的垂直水平居中(最全 9 种) css3
2019-9-7
-
css实现图片自适应容器的几种方式 css3
2019-2-27
-
CSS实现三栏布局(5种) css3
2019-8-18
-
CSS实现两个球相交的粘粘效果 css3
2019-5-18
-
CSS概述 css3
2019-10-11
-
css中的层叠性及权重的比较 css3
2019-10-11
-
六种组织CSS的方式 css3
2019-6-7