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

CSS3: resize property to an image

CSS3: resize property to an image

Problem

if it possible to resize an image, using the CSS3 resize property? I noticed it is for block elements, but is there any workaround or possible solution? I know I might use the jQuery UI resizable plugin but I would like to apply this CSS3 technique.

Thanks

Problem courtesy of: maza23

Solution

I don't believe you can use CSS3 resize on images. The documentation states:

Note: The resize property applies to elements whose computed overflow value is something other than "visible".

You can however, place an image inside of a div that is made the same size as your image and apply the CSS3 resize to that.

Solution courtesy of: Dustin Sparks

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

CSS3: resize property to an image

×

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

Get updates delivered right to your inbox!

Thank you for your subscription

×