纯css实现扁平化360卫士logodemo_html/css_WEB-ITnose

前几天在w3ctech上看到有人用纯css写出了360卫士的logo，感觉蛮好玩的。

因为自己用css以来，还没有写过这种玩意，出于娱乐，我也来试着尝试一下。

开始也不知到怎么下手，最棘手的是那两个像太极的东东不好弄。不过，好在以前用过photoshop绘制过一些简单的icon。所以，经过我仔细

的分析。大概有了思路，这两个东东是可以利用box-shadow这个属性来实现。虽然跟photoshop绘制有点不同，但是大致还是差不多的。

代码效果预览地址：http://code.w3ctech.com/detail/2501。

 1 
 2         


      
查看更多关于纯css实现扁平化360卫士logodemo_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110888