纯CSS3实现iOS7扁平化图标纯CSS3实现iOS7扁平化图标是一款纯CSS3来实现iOS 7扁平化的图标,没有使用图片,纯CSS3绘制而成,工程量是浩大了点,不过相仿度还是挺高的哈。CSS3iOS7扁平化UI设计
<div class="icon gamecenter">
<div class="bubble blue"></div>
<div class="bubble yellow"></div>
<div class="bubble purple"></div>
<div class="bubble pink"></div>
</div>
<div class="icon itunes"></div>
<div class="icon calendar">
<span class="one"></span>
</div>
<div class="icon calculator">
<span class="sign plus"></span>
<span class="sign minus"></span>
<span class="sign mul"></span>
<span class="sign eq"></span>
</div>
<div class="icon camera">
<span class="upper"></span>
<span class="case"></span>
<span class="knob"></span>
</div>
热门源码