So the only option for you is to use separate element with that image and rotate/animate that.
Download Background Rotate Animation Css3
Images. Is there anyway to animate this using css3 so once the button is clicked and jquery assigns it a selected class, it will rotate in an animation (only 90 degrees) from the right to down? <meta name=description content=css3 rotate background image only, not element />.
Css 3d Animation Of Rotation Continuously Pure Css Animation Effects Tutorial Coming Soon Youtube from i.ytimg.com
I guess something's wrong with the css below, as it just stays still. So the only option for you is to use separate element with that image and rotate/animate that. Of note is the fact that the text is still selectable in transformed elements, even when rotated, and that scaling an element affects properties including border widths and font sizes and not just the box dimensions.
I guess something's wrong with the css below, as it just stays still.
It's a common practice to apply css to a page that styles elements such that they are consistent across all browsers. This article presents a workaround for those times when you really do want to rotate a background image, or to keep a background image fixed while its container element is rotated. Create a banner for your site using css3 animations and transitions. Not the answer you're looking for?
