If you ever thought that you couldn't do extraordinary things on the web without the use of JavaScript or Flash, you're purely mistaken. While sitehopping, I came across to Román Cortés' portfolio (www.romancortes.com) and have experienced the jaw-dropping CSS tricks he made. I always believed we need to rely on JavaScript for these kind of tricks, but I was wrong. And so I compiled his must-be-seen works in this post to give you an idea what I'm talking about.
Note: Click on the title to view more details about the trick.
Click the links on the Demo to view.
Pure CSS Coke Can
Demo: www.romancortes.com/ficheros/css-coke.html
Pure CSS3 Page Flip Effect
Demo: www.romancortes.com/ficheros/page-flip.html
Scroll Down CSS
Demo: www.romancortes.com/ficheros/scroll_down.html
And, he collaborated with Ajaxian with the following:
P.S. The rickrolling incident was hilarious.
The Ajaxian Prism
Demo: http://ajaxian.com/romancortes/ajaxian.html
Van Gogh's Starry Night
Demo: http://ajaxian.com/romancortes/starry.html
He also made some nice tricks using JavaScript:
A Tribute To The Beatles
Demo: www.romancortes.com/ficheros/beatles.html
JavaScript Text Reflection
Demo: www.romancortes.com/ficheros/textreflection.html
JavaScript Radial Blur
Demo: www.romancortes.com/ficheros/radial-blur.html
And my favorite, (he it made on Flash though, because the JavaScript version is slow). Here:
Dancing Typography
Demo: www.romancortes.com/ficheros/dancing-typography.html
Pure CSS Tricks
Demo: www.romancortes.com/ficheros/css-coke.html
Pure CSS3 Page Flip Effect
Demo: www.romancortes.com/ficheros/page-flip.html
Scroll Down CSS
Demo: www.romancortes.com/ficheros/scroll_down.html
And, he collaborated with Ajaxian with the following:
P.S. The rickrolling incident was hilarious.
The Ajaxian Prism
Demo: http://ajaxian.com/romancortes/ajaxian.html
Van Gogh's Starry Night
Demo: http://ajaxian.com/romancortes/starry.html
He also made some nice tricks using JavaScript:
A Tribute To The Beatles
Demo: www.romancortes.com/ficheros/beatles.html
JavaScript Text Reflection
Demo: www.romancortes.com/ficheros/textreflection.html
JavaScript Radial Blur
Demo: www.romancortes.com/ficheros/radial-blur.html
And my favorite, (he it made on Flash though, because the JavaScript version is slow). Here:
Dancing Typography
Demo: www.romancortes.com/ficheros/dancing-typography.html
Listicle by Loading-Info
0 Switch to the Web version to comment:
Post a Comment