英文原文: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
由 Julian Garnier 提供 [浏览量:730,931]
No.2
由 Jay Salvat 提供 [浏览量:342,711]
No.3
由 Petr Urbánek 提供 [浏览量:20,356]
No.4
由 Julian Garnier 提供** [浏览量:68,808]**
No.5
CSS实现的Pip-Boy游戏《辐射4》[浏览量:20,258]
No.6
纯CSS泰姬陵 [浏览量:44,178]
No.7
由 David Khourshid 提供 [浏览量:104,245]
No.8
由 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
由 David Khourshid 提供 [浏览量:31,182]
No.13
纯CSS实现的冰沙机APP [浏览量:2671]
No.14
零行JS代码实现的飞行游戏 [浏览量:196427]
No.15
由 Case Sandberg 提供 [浏览量:4,264]
No.16
由 María Renée Pacheco 提供 [浏览量:7,703]
No.17
纯CSS实现的韩国烧烤之夜。没有图像,没有任何的JavaScript [浏览量:11,965 ]
No.18
由 Vincent Durand 提供 [浏览量:102,089]
No.19
纯CSS实现的Ken Burns全屏效果 [浏览量:19,711]
No.20
由 आकाश 提供 [浏览量:19,711]
No.21
纯CSS实现的理发店 [浏览量:4395]
No.22
打开汽车后备箱的丰田钥匙 [浏览量:2,375]
No.23
由 David Khourshid 提供 [浏览量:64,920]
No.24
由 mario alejandro 提供 [浏览量:54,244]
No.25
CSS实现的图标动画悬停效果 [浏览量:11,096]
No.26
纯CSS实现的一只鸟 [浏览量:3,939]
以上就是,令人印象深刻的纯CSS实现的项目,希望你能找到一些灵感。
如果你觉得文章不错,欢迎点赞、分享哦!
专注前端开发 欢迎关注
网友评论