V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mittya
V2EX  ›  分享创造

用纯 CSS 实现了 Instagram 的新图标

  •  1
     
  •   mittya · 2016-05-13 17:11:20 +08:00 · 3085 次点击
    这是一个创建于 3151 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这两天 Instagram 更新了新 Logo ,有人不喜欢有人喜欢

    自己用 CSS 实现了下它,主要使用了 CSS3 的 gradient ,挺简单的

    现在的背景渐变和原 Logo 还是有点差别,需要调整调整

    希望大家喜欢


    预览: http://mittya.github.io/css-instagram-logo/

    代码: https://github.com/mittya/css-instagram-logo

    screenshot

    13 条回复    2016-05-16 18:11:51 +08:00
    g0thic
        1
    g0thic  
       2016-05-13 18:47:22 +08:00
    👋
    paranoiagu
        2
    paranoiagu  
       2016-05-13 18:52:43 +08:00 via Android
    牛。。
    tigerstudent
        3
    tigerstudent  
       2016-05-13 18:59:03 +08:00 via Android
    想起了那个日本老人用 excel 画画
    edwardaa
        4
    edwardaa  
       2016-05-13 19:00:21 +08:00   ❤️ 1
    loading
        5
    loading  
       2016-05-13 19:06:00 +08:00 via Android
    这个原来是新图标,上次在 twitter 看到一个初学 ps 小孩的 gif 段子,我还不知道是哪个服务
    imxieke
        6
    imxieke  
       2016-05-13 19:14:31 +08:00
    赞 正在学习 CSS3
    Kei
        7
    Kei  
       2016-05-13 19:25:08 +08:00
    先别说图标……“透明”底的实现都有些没搞懂……@_@
    raecoo
        8
    raecoo  
       2016-05-13 22:39:40 +08:00
    很不错的效果, 赞
    ajan
        9
    ajan  
       2016-05-13 22:52:30 +08:00
    挺好的
    mittya
        10
    mittya  
    OP
       2016-05-14 10:06:57 +08:00
    @loading 对,是他就是他

    mittya
        11
    mittya  
    OP
       2016-05-14 10:10:31 +08:00
    @g0thic @paranoiagu @tigerstudent @imxieke @raecoo @ajan @edwardaa @loading @Kei

    感谢大家的喜欢和赞 :)
    crayygy
        12
    crayygy  
       2016-05-14 12:10:47 +08:00
    厉害👍
    azukipanda
        13
    azukipanda  
       2016-05-16 18:11:51 +08:00
    真不错,最近被这个新 icon 刷得感觉自己已经逐渐接受它了。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2551 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 11:10 · PVG 19:10 · LAX 03:10 · JFK 06:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.