Efecto CSS Hover Zoom en Imágenes de cualquier módulo Divi en dos pasos

por Victor Aquino | May 3, 2021 | Divi Trucos | 0 Comentarios

PATROCINADO

El Mejor Hosting WordPress Divi. Estable, Seguro y Rápido.

Prueba el servicio de hosting más confiable y conocido del mercado: BANAHOSTING, sin riesgos con un Súper Descuento del 95% en cualquier plan. Cupón de descuento: BH1D

Quiero probar el mejor Hosting

Código para copiar y pegar:

Contenido Gratuito bloqueado

Para desbloquear el contenido oculto de los tutoriales gratuitos, simplemente inicia sesión. Si no tienes una cuenta, solicita el enlace de registro desde el botón de abajo:


<style>
  .zoom img:hover {
  transform: scale(1.2) !important;
  transition:ease-in-out 0.3s;
}
  #et-boc .zoom img {
  margin-bottom:0px !important;
}
  .wrapper {
    overflow:hidden !important;
    margin-bottom:9px !important;
  }
</style>
<script>
document.addEventListener( 'DOMContentLoaded', function () {
var original = document.querySelectorAll('.zoom img');
   var i;
for (i = 0; i < original.length; i++) {
  
  var wrapper = document.createElement('div');
  wrapper.classList.add('wrapper');
  
wrapper.appendChild(original[i].cloneNode(true));
original[i].replaceWith(wrapper);
} 
  });
</script>

Si te gustó el contenido

Apóyanos compartiendo en tus redes, nos ayudarías muchísimo. Y haz click en la quinta estrella de abajo, para saber que éste tema te interesa y hacer artículos similares.