TODO HOVER: Grow (Efecto agrandar)

jueves, 2 de junio de 2022

Grow (Efecto agrandar)

Ejemplo


     https://github.com/IanLunn/Hover/#using-icon-effects
  
  
  
<STYLE>
  
  
  <p style="padding:20; background:red;width:90; height:50;text-align:center;font-size:30px;" class="hvr-grow">Ejemplo</p>


.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}
</STYLE>


<p style="padding:20; background:red;width:90; height:50;text-align:center;font-size:30px;" class="hvr-grow">Ejemplo</p>