This may be actually simple, but I need someone that can quickly give me a quick answer to this.
I want a situation where my website will transition smoothly at a break point when one re-sizes his browser.
I don’t want the breaking points to be jumping. I want it to break to another point smoothly.
Can anyone tell me how to achieve this with css3 effect?
I made a menu once with different paddings on the buttons in MQs. Used transition for all properties for something else (background color on hover + lazyness). Added bonus effect was smooth resizing of the menu when resizing the window :)
That said I agree with Paulie, seriously… no one* is resizing the window all the time just to see smooth animations, no one* cares.
* except probably developers. Me: Look how smooth this menu resizes *resizes window a few times*. Brother: Cool…
@Paulie_D, yes, def can’t transition floats, but like you, and the rest of the css-tricks community, I agree that transitioning anything with media queries is utterly pointless. Nobody besides designers/developers sit there and resize their browsers to see transitions..I have a few similar stories to @CrocoDillon, where I do something I think is super cool with a media query transition, show a few people, and get a generic “cool” for a response.