Animated 3d box/cube written in html/css. Based it on a tutorial from David Walsh. http://davidwalsh.name/css-cube
A Pen by Cliff Pyles on CodePen.
Anand Prabhakar anandprabhakar0507
🎯
Thousands of clicks later, I could still not stop, no matter how hard I tried...
A Pen by Gerard Ferrandez on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| h1 | |
| | Match the Soulmates | |
| small | |
| | This is not a memory game. Match two people who are most likely best buds in life. | |
| br | |
| | Tip: The colors will be your guide. | |
| .game-wrapper | |
| .that-memory-game | |
| .result-message | |
| span.success Yay! 😉 |
anandprabhakar0507
/ css-animation-sugar-butter-flour-waitress-musical.markdown
Created
June 7, 2018 22:02
CSS Animation: Sugar, Butter, Flour (Waitress Musical)
anandprabhakar0507
/ index.pug
Created
June 7, 2018 22:03
Slider Animations: Pies from the Waitress Musical
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .main-content | |
| .recipe-wrapper | |
| .navigation | |
| i.js-navigate.js-left.disabled.icon-arrow-left-circle.icons | |
| i.js-navigate.js-right.icon-arrow-right-circle.icons | |
| .recipe-image | |
| .recipe.active | |
| img.pie-photo(src="https://olivia-ng.com/codepen/Waitress/WakeUpAndSmellCoffeePie.png") | |
| .recipe | |
| img.pie-photo(src="https://olivia-ng.com/codepen/Waitress/LifesARockyRoadPie.png") |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .wrap | |
| - for (var i = 0; i < 17; i++) | |
| .scroll | |
| .scroll__content |
anandprabhakar0507
/ hexagonal-generative-art.markdown
Created
June 7, 2018 22:24
Hexagonal Generative Art
See the blog post - http://codepen.io/pouretrebelle/post/hexagons
alt title - "I'll Gen YOUR Art!"
plenty of keyboard shortcuts for changing things, check out the bottom right.
A Pen by Charlotte Dann on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .spritz#spritz | |
| .spritz-word#spritz_word | |
| .settings | |
| .controls.settings-controls | |
| span.speed | |
| a.slower.entypo-fast-backward#spritz_slower(href="#" title="Slow Down") | |
| input.wpm#spritz_wpm(type="number" value="300" step="50" min="50") | |
| a.faster.entypo-fast-forward#spritz_faster(href="#" title="Speed Up") | |
| a.save.entypo-save#spritz_save(href="#" title="Save") |
2/75 #FantasticBeasts
Now with a size slider so you can zoom in and see all the flaws in my radial gradients! Yay! But also glowing eggs, they're pretty cool.
Draw your own version of a fantastic beast and tag it :)
And follow ALL THE ACTION on tumblr http://cssbeasts.tumblr.com/
anandprabhakar0507
/ javascript-mouse-trail.markdown
Created
June 9, 2018 22:25
JavaScript mouse trail
A Pen by Anand prabhakar on CodePen.
OlderNewer