CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
Here’s the deal:
I need to code [this layout](http://i.imgur.com/LHPr6nH.gif “Layout”)
And the problem is, how can I make blocks slide when browser window is resized?
p.s: sorry I wrote pretty fast, got to go to work now, I’ll write a bit detailed when I’ll arrive.
I have a 403 forbidden on your link.
Anyway, I think what you are looking for is: `CSS transitions`. I may be wrong though, hard to have an idea without the code.
However please remember that no one is a frigging obsessive resizing his browser window like a mad man.
Image link fixed.
I’m still not sure how to make blocks “fly” under the big block instead just jumping there.
So yeah, the only thing I found is http://masonry.desandro.com/ I guess I’ll use it.
Why would you care? Like Hugo said probably no one will even notice. I don’t think it will be possible (with just html/css), sure masonry will work but is the overhead worth it?
I don’t care, but my boss care xD “I want” is his best argument.
Other than the JS options, the only other way is with positioning and transition of the position values.
It will be ugly….
Agreed but performance sucks after a few resizes.
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed