您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > css3特效 >

    纯CSS3实现iOS7扁平化图标

    时间:2014-06-27 17:31 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    效果预览 进入下载地址列表

    纯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实现iOS7扁平化图标由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/css3texiao/9731.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!