英文原文：26 Impressive web projects built with CSS only译者：IT程序狮
译文源自：http://www.jianshu.com/p/b321d1095106

在本文中，我们将分享26个纯CSS构建地开源Web项目。为了保证开源项目的质量，Mybridge AI将结合各种因素来确保这些项目能为专业人士提供更好的帮助。这26个项目在CodePen的平均浏览量为79834，只为提供给你更优质的开源项目。

开发者们，准备接受启发吧！

这些项目将向你证明，纯CSS3就足以实现如此多炫酷的效果。 (而其中一些项目实现的效果比图形设计的更好！）

开源的项目将可以帮助初学者更好的学习阅读代码，而且方便让高级程序员们利用现有的代码来节约时间。

一起来Enjoy吧！

No.1

CSS 3D太阳系

由 Julian Garnier 提供 [浏览量：730,931]

No.2

纯CSS实现的蒙娜丽莎画像

由 Jay Salvat 提供 [浏览量：342,711]

No.3

STAR WARS AT-AT步行者

由 Petr Urbánek 提供 [浏览量：20,356]

No.4

CSS实现的3D 飞行器 X-wing

由 Julian Garnier 提供 [浏览量：68,808]

No.5

CSS实现的Pip-Boy游戏《辐射4》[浏览量：20,258]

No.6

纯CSS泰姬陵 [浏览量：44,178]

No.7

Alex制作的CSS雪橇犬

由 David Khourshid 提供 [浏览量：104,245]

No.8

500行纯CSS代码制作的一个平行停车应用

由 Jota Teles 提供 [浏览量：25,329]

No.9

CSS实现的城市中正在行驶汽车的效果 [浏览量：23,657]

No.10

CSS 3D Hartwig国际象棋（完全可玩版）

由 Julian Garnier 提供 [浏览量：144,063]

No.11

CSS 行走大象先生动画 [浏览量：22,885]

No.12

纯CSS Coffee App界面

由 David Khourshid 提供 [浏览量：31,182]

No.13

纯CSS实现的冰沙机APP [浏览量：2671]

No.14

零行JS代码实现的飞行游戏 [浏览量：196427]

No.15

CSS 月光之下

由 Case Sandberg 提供 [浏览量：4,264]

No.16

900行CSS代码制作的狼动画

由 María Renée Pacheco 提供 [浏览量：7,703]

No.17

纯CSS实现的韩国烧烤之夜。没有图像，没有任何的JavaScript [浏览量：11,965 ]

No.18

CSS实现的任天堂游戏机

由 Vincent Durand 提供 [浏览量：102,089]

No.19

纯CSS实现的Ken Burns全屏效果 [浏览量：19,711]

No.20

纯CSS实现的快乐人物的动画效果

由 आकाश 提供 [浏览量：19,711]

No.21

纯CSS实现的理发店 [浏览量：4395]

No.22

打开汽车后备箱的丰田钥匙 [浏览量：2,375]

No.23

CSS实现的日历APP

由 David Khourshid 提供 [浏览量：64,920]

No.24

CSS实现的复仇者联盟

由 mario alejandro 提供 [浏览量：54,244]

No.25

CSS实现的图标动画悬停效果 [浏览量：11,096]

No.26

纯CSS实现的一只鸟 [浏览量：3,939]

以上就是，令人印象深刻的纯CSS实现的项目，希望你能找到一些灵感。

如果你觉得文章不错，欢迎点赞、分享哦！

专注前端开发欢迎关注