Get Even More Visitors To Your Blog, Upgrade To A Business Listing >> / Responsive Transition not responding / Responsive Transition not responding


I'm wondering about

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


They are using the Masonry plugin

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


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 / 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