resize image using css

Question

I am trying to resize image using css only.

It is resizing but for some reason it is not stretching to 100% of the browser.What I want is it will resize the image with g

Answer 1

You can resize it by setting the img tag to 100% width and height and puting it in a container div and resizing that. Demo

---

#resize{
  width:250px;
  height:250px;
}
#resize:hover {
width:500px;
height:500px;}