首页

源码搜藏网

首页 > 网页特效 > css3特效 >

纯CSS3实现iOS7扁平化图标

创建时间:2014-06-27 17:31  

纯CSS3实现iOS7扁平化图标
纯CSS3实现iOS7扁平化图标
效果预览 立即下载

纯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>

上一篇:纯CSS3实现3D浮动按钮
下一篇:CSS3超酷粒子效果进度条

相关内容

热门推荐