CodePen has always been a mecca for ideas and creativity for front-end developers. It can edit and display front-end code in online form. You’ll also be able to exchange ideas and share your work with developers around the world.

Today, Cheng Xiaoshi also specially selected the recent hot front-end projects on CodePen to share with front-end ER and designers. Believe, these excellent works, will let you find everything new and fresh, may also bring you a lot of inspiration!

Have Fun!

1. Animation parallax effect

By Ana Travas






Project Address:portal

2. Sunrise/sunset animation

By David Khourshid


Dribbble


Project Address:portal

3. Moko’s lost!

By Brook Jordan




Project Address:portal

4. Pure CSS button prompt box

By Samuel Janes




Project Address:portal

5. The lovely Fox

Author: Marcela


Dribbble


Project Address:portal

6. Mathematical model of SVG/ReactJS implementation

By Sten Hougaard

Project Address:portal

7. Scroll LOGO effect

By Spencer Goldade




Project Address:portal

8. Merry Chris-morph!

By Chris Gannon


Dmitriy Miroliubov


Project Address:portal

9. The bench press

By Akhil Sai Ram




Project Address:portal

10. tancerzyk CSS

Author: qpoziomek


Eran Mendel


Project Address:portal

11. Guitar tuner

By Joel T Bennett


electricherald.com


Project Address:portal

12. The Wave

By Chris Coyier




Project Address:portal

Are these 12 front-end projects interesting? Of course, in CodePen, these are just the tip of the iceberg, and more surprises are worth learning and exploring.

Front-end developers, use your weapons to create new surprises!

If you think it’s good, give it a thumbs up. ^_^

Note: This article is an original article, please indicate the source. Thanks for your cooperation.

Author: IT application lion article from: http://www.jianshu.com/p/788babdf7e54