zoom button in / out of a div

0

Somehow know with jquery and / or css to simulate the zoom in / out effect of a div. The div does not necessarily have an image. Without the div boost / dimuir, simulate this effect for the elements that are contained in it? Basically increase and decrease the scala of objects.

Thank you;)

    
asked by anonymous 30.03.2016 / 20:44

1 answer

1

You can use css to tranform to increase the size of the elements. I do not know if this is exactly what you want most is a way to zoom in on elements in html.

.element {
    transform: scale(2); /* aumenta 2x o tamanho */
}

.element{
  width: 100px;
  height: 100px;
  display:block;
  background:rgb(62,157,251);
  margin:100px auto;
  color:white;
  font-family:Arial;
  text-align:center;
  border-radius:5px;
  transition: all 0.5s;
}

.element:hover{
    transform:scale(2);
}
<div class="element">
</div>
    
30.03.2016 / 21:59