10 Inspiring Code Experiments on CodePen
As you know CodePen is the playground for developers and designers to try new stuff and experiment. If you take a look you will see some amazing stuff created there. You can find amazing new approaches to design coding and also creative ways to achieve different effects in web designer projects.
Here is a small collection of what I found interesting, inspirations and modern. Take a look and might be inspired as CodePen is the place for education, inspiration and sharing. Also, if you have an idea how any of these project can be enhanced feel free to fork it on CodePen and share the result.
SVG Touch Gestures Iconset
This set is created by Oliver Knoblich and you can full customised it via CSS. Some colour themes included as well. Beautiful set.DEMO
Animated Skewed PanesDEMO
Beautiful and colourful CSS pins. Some of them are animated. Created by White Wolf Wizard.DEMO
Animated Timeline Blueprint
This clean timeline blueprint is created by Felix Spöttel. Looks really great!DEMO
Beautiful Photo Hover Effect
Creative photohovers are really popular these days. Take a look at this one created by White Wolf Wizard.DEMO
CSS Angled Stripes
How do I make these diagonal lines in CSS? Concretekiwi has the answer…DEMO
A nice little code snippet where the “E” at the end of “Welcome” falls down. Created by Sebastian Brown.
CSS Filter Glass
Some great stuff here. Created by Yogev Ahuvia.DEMO
Placing Elements in a Circle using CSS3
Simple and beautiful way to place elements in a circle if you need it. Created by Malik Baba Aïssa.DEMO
Off Canvas Menu Effect
A lovely Off Canvas CSS menu effect. Look absolutely gret. Created by Michael Fangman.DEMO