I was highly inspired by @Daryl Ginn from his Flipper shot so I decided to learn some new stuff. This is the result of my learning process on CSS perspective, transform and transition. It is a bit tough to get the transition right especially with the angle and gradient and shit. After more than 5 revisions, this is the probably the best one I can achieve, for now. Let me know what you think!
See it in action
Note: Work best in latest FF and Chrome. Safari's transition is not that smooth for me here.
10 months ago
That's awesome Gad!
@Gaddafi Rusli Brilliant!
On Safari: during the folding animation, there seems to be a gap between slices. Maybe, just because I watched it using Safari.
anyway, crazy stuff bro, crazy. :D
@Coen van Hasselt ◕‿◕ & @Abdullah : Thank you!
@Abdusfauzi Yes, can't seem to solve that in Safari. Well.. Thanks!
awesome..i remember reading this site http://tympanus.net/Tutorials/3DHoverEffects/index.html
full of awesome animations
@Adi Hezral wow those are some crazy effects! But mine is pure CSS :P haha
That's freakin' awesome. Very smooth.
@Gaddafi Rusli there's your challenge :)
nice shot and demo @Gaddafi Rusli ;)
@Sean Glass Thank you!
@Adi Hezral Ha! Maybe I should try!
@Ikram Hakimi Thanks :)
Will you let me marry it?
@Wawan haha sure go ahead!
6 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter