Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

woostercollective.com / Responsive Transition not responding

woostercollective.com / Responsive Transition not responding

Problem

I'm wondering about http://www.woostercollective.com

Using the loaded jQuery transitions, attaching them to the divs, and defining with media queries in min-widths?

How are they implementing their jQuery responsive transitions?

Also - kind of interesting, their site doesn't actually respond in mobile (Checked on iOs/andrdoid) Maybe their missing their viewport meta or is this just a fancy trend?

Problem courtesy of: swordfish

Solution

They are using the Masonry plugin

http://masonry.desandro.com/

The transitions are css transitions where the position values are animated.

For example (in webkit):

-webkit-transition-property: left;
-webkit-transition-duration: 1s;

When the css "left" value changes, the element is told to animate the "left" value over a timeperiod of 1 second, instead of just immediately jumping to that position.

Solution courtesy of: ThomasM

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

woostercollective.com / Responsive Transition not responding

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×