5 ms·
CSS3 Animations with special effects
Repository: https://github.com/miniMAC/magic
- Spiritus 13y agoRepository: https://github.com/miniMAC/magic https://github.com/miniMAC/magic
- morganwilde 13y agoAwesome stuff, the fluidness of those animations versus something made with jQuery is astonishing. I wonder what kind of compatibility would this have with older browsers?
- izietto 13y agoIE >= 10
- cuu508 13y agoMore like this: Animate.css http://daneden.me/animate/ http://daneden.me/animate/
- acoleman616 13y agoiOS7-inspired background?
- bbx 13y agoI've written CSS for years and only recently started implementing some animations in my designs. I was worried at first when browsers started implementing it, fearing useless and insipid animations would sprawl around the web (like some jQuery ones). But like anything, if used sparingly, animations can improve an interface. Apart from adding life and being "cool" (probably the reason why designers implement them in the first place), animations add interactivity and affordance. Plus, they're less prone to bugs because the code is easier to read and write than jQuery alternatives, and the browsers' rendering engine usually prevents unwanted fluttering and infinite loops from happening.
- ger_phpmagazin 13y agoWhile technically interesting, I find those animations highly annoying as they are.
- CountHackulus 13y agoAnd yet the CSS animation performance bug persists in iOS7.
- mrcoles 13y agoPretty fun—the perspective down animation inspired me to make css3 animated jacobs ladder: http://mrcoles.com/demo/jacobs-css3-ladder/ http://mrcoles.com/demo/jacobs-css3-ladder/
- mrcoles 13y agoand the source code: https://github.com/mrcoles/jacobs-css3-ladder https://github.com/mrcoles/jacobs-css3-ladder
- joeblau 13y agoWhat freaked me out about this site is that I have the OSX Mavericks wave as my background and the gradient transition on the site is the exact same color scheme[1]. [1] - http://i.imgur.com/QCyUUVd.jpg http://i.imgur.com/QCyUUVd.jpg
- morganwilde 13y agoWhat's displayed on the left side of your desktop?
- altrego99 13y agoCore temperature in Celcius. Maximum and current.
- ender7 13y agoThe key to many of these effects is to animate both the transform and the position of the transform-origin simultaneously. Done correctly, it can give the animation a sinuous behavior that makes it much more interesting to look at.
- zhenjl 13y agoThis is cool. Anyone know what type of license this has? I can't find it on github or the site.