用纯 CSS 实现了 Instagram 的新图标

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2915 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

希望大家喜欢

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

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

13 条回复 • 2016-05-16 18:11:51 +08:00

g0thic

2016-05-13 18:47:22 +08:00

👋

paranoiagu

2016-05-13 18:52:43 +08:00 via Android

牛。。

tigerstudent

2016-05-13 18:59:03 +08:00 via Android

想起了那个日本老人用 excel 画画

edwardaa

2016-05-13 19:00:21 +08:00

顺便贴一篇 icon 设计者的文章
https://medium.com/@ianspalter/designing-a-new-look-for-instagram-inspired-by-the-community-84530eb355e3#.1824lkn9q

loading

2016-05-13 19:06:00 +08:00 via Android

这个原来是新图标，上次在 twitter 看到一个初学 ps 小孩的 gif 段子，我还不知道是哪个服务

imxieke

2016-05-13 19:14:31 +08:00

赞正在学习 CSS3

Kei

2016-05-13 19:25:08 +08:00

先别说图标……“透明”底的实现都有些没搞懂……@_@

raecoo

2016-05-13 22:39:40 +08:00

很不错的效果, 赞

ajan

2016-05-13 22:52:30 +08:00

挺好的

mittya

2016-05-14 10:06:57 +08:00

@loading 对，是他就是他

mittya

2016-05-14 10:10:31 +08:00

@g0thic @paranoiagu @tigerstudent @imxieke @raecoo @ajan @edwardaa @loading @Kei

感谢大家的喜欢和赞 :)

crayygy

2016-05-14 12:10:47 +08:00

厉害👍

azukipanda

2016-05-16 18:11:51 +08:00

真不错，最近被这个新 icon 刷得感觉自己已经逐渐接受它了。。。