Complemento resaltar divin: siguiente efecto de imagen pro

El próximo Image Effect Pro es un complemento de terceros para DIV que agrega muchos efectos de pasaje de imagen que lo ayudan a llamar la atención sobre sus imágenes y enlaces. En este artículo, analizaremos el próximo efecto de imagen Pro y veremos qué puede hacer. Next Installation Image Effect Pro

Compre y descargue el complemento del mercado div. Siga estos pasos para instalarlo:
En el tablero de WordPress, vaya a Plugins> Agregar un nuevo
Cargue el complemento de su computadora
Haga clic en la instalación ahora
Después de instalar el complemento, haga clic en Habilitar

Entonces necesitará activar la licencia. Vaya a Plugins> Licencia de efecto de efecto de imagen. Ingrese su clave de licencia y guarde sus cambios. Image Effect pro -next módulos

Image Effect Pro agrega un conjunto de módulos a Divi Builder que incluye combinaciones estilizadas de imagen y texto. Agregan cientos de efectos de desplazamiento y combinaciones de dirección. Las opciones de estilizar el texto incluyen verificaciones independientes de valores, texto de enfoque, contenido y antecedentes. Los módulos incluyen:
Coloque la imagen circular
Caja de desplazamiento de imágenes
Efecto de icono de imagen
Mega Efecto de imagen
Colocación mínima de imagen
Ejecuta la siguiente imagen
Cursor de la última imagen
Coloque la imagen circular

Circular Image Hover tiene dos secciones principales: la imagen y el texto (contenido de desplazamiento). Agregué una imagen rectangular. Muestra la imagen en su forma original, pero luego la hace circular. Si la imagen fuera cuadrada, este sería un círculo perfecto.

La configuración de diseño de imágenes incluye la posición de las sombras de la caja, la intensidad y el color.

El texto incluye una sección para agregar el título y el contenido. Puede estilizarlos en la configuración de diseño. Aumenté las dimensiones en este ejemplo. Utiliza el gradiente predeterminado.

Tiene 19 efectos flotantes con 4 opciones de dirección para cada efecto. Este es el efecto 1. Los efectos tienen diferentes formas de hacer la transición de la imagen y transferir el contenido. Estos incluyen zoom, flip, diapositivas y más. Caja de desplazamiento de imágenes

El cuadro de imagen Hover también incluye la imagen de contenido de ciervo. No cambia la forma de la imagen.

También incluye superposición (o fondo que se muestra y parece una superposición) y agrega un fondo de encabezado. Ambos fondos pueden incluir colores sólidos y degradados. Este ejemplo utiliza el fondo superpuesto predeterminado. Cambié el color del fondo del encabezado y aumenté el tamaño del texto.

Tiene 13 efectos diferentes, que incluyen flips, diapositivas, decoloración, ampliaciones, etc. Más efectos agregan opciones para direcciones. Este es el efecto 1. Efecto de icono de imagen

El efecto de icono de imagen agrega un elemento flotante que muestra un título y enfoca el texto a través de la imagen. Al igual que los demás, puede cambiar el color de fondo con un color sólido o un gradiente e incluir más efectos flotantes. Los efectos de flotar de esto traen fronteras y se ven particularmente elegantes. Este es el efecto de Zoe Hover.

Lo que distingue esto son los íconos. Puede agregar 4 iconos diferentes y abrirlos en la misma ventana o en una nueva ventana.

La configuración del icono incluye color, tamaño, espacio, altura de línea, color de fondo, sombra, borde, etc. En este ejemplo, agregué un color de fondo y reduje la altura de la línea para crear una línea. También agregué una sombra. Este es el efecto de Hera. Este es el efecto que pasa a Terry. Cambié los colores del título y el texto de enfoque y usé la configuración para el tamaño de la fuente y los iconos en el ejemplo anterior. Mega Efecto de imagen

Mega Image Effect es otra tarjeta de 2 lados, con una imagen en un lado y contenido en el otro. El lado frontal muestra una imagen normalmente.

La parte posterior de la tarjeta muestra el contenido de manera normal e incluye ajustes de fuente y fondo. Lo que diferencia es la capacidad de agregar un botón.

Tiene un control completo sobre el diseño de los botones, incluidas las mismas opciones sólidas y de gradiente que el fondo estándar. Este ejemplo muestra un gradiente para el fondo del botón.

Tiene control total sobre el estilo de la fuente y el botón de fondo. Ajusté la fuente y el borde en este ejemplo. Cada elemento del módulo también tiene ajustes de espacio. Agregué 20 píxeles en la parte inferior del botón. Cada uno de los módulos tiene estos ajustes de espacio.

Este módulo tiene demasiados efectos flotantes para contarse. Solo los efectos de la imagen son impresionantes, pero también tiene muchos textos. Puede ajustar el movimiento de la imagen y el texto pasa por separado y establecer el tiempo para el efecto del texto.

En este ejemplo, la imagen de la izquierda paralela, el efecto de zoom de texto y un pequeño retraso en el texto. Colocación mínima de imagen

El efecto mínimo de imagen es el modo más simple en el conjunto. Muestra una imagen con efectos flotantes. La configuración personalizada de Singura son los efectos del flotador. Incluye 10 efectos que puede elegir. Miraremos algunos.


Este ejemplo son escalas rotadas. La imagen se reduce y gira ligeramente en su estado normal. En el flotador, la imagen se acerca y gira a su estado normal.

Esto es borroso. La imagen se borra hasta que coloca el cursor, luego se desespere lentamente hasta que esté despejada.

Es intermitente. Una explosión de blanco brilla sobre la imagen y luego limpia mientras usted es avión. Ejecuta la siguiente imagen

La siguiente imagen desplazada coloca una superposición sobre la imagen y agrega un botón a la esquina superior derecha. Puede ajustar el color del botón tanto para los sólidos como para los gradientes. Este ejemplo muestra la configuración predeterminada.

También puede ajustar la superposición. Establezca un color o gradiente sólido. También incluye tipos de gradientes y controles estándar.

La posición de fondo le permite mostrar la parte superior o inferior de la imagen.

La imagen se mueve en la parte superior o inferior del cursor. En este ejemplo, el módulo muestra la parte inferior de la imagen y se ejecuta en la parte superior de la imagen en el flotador. Cursor de la última imagen

Ultimate Image Hover muestra el tamaño y la forma en función del efecto que elija. Este es el efecto 1. Esto muestra una parte de la foto en una imagen rectangular alta. Esto incluye el título y el texto enfocado, el contenido y la superposición. La superposición incluye ajustes de color como un sólido o gradiente.

Al caminar, la superposición se ilumina y se revela el texto.

La opacidad de la imagen le permite ajustar la cantidad de fondo que se puede ver. En este ejemplo, reduje la opacidad, cambié el tamaño del encabezado y el texto de enfoque, el color del texto del encabezado, la audacia del texto de enfoque, hice que el texto de enfoque fuera superior y agregué una sombra de texto al texto al Texto de enfoque. Este modo tiene 24 efectos de desplazamiento. Muestra la imagen en diferentes tamaños, niveles de opacidad, colocando el texto y agrega bordes.

Este es el efecto 4. Muestra la imagen en un cuadrado y agrega un borde alrededor del interior que se superpone en los extremos.

Este es el efecto 5. Dark superponga y agregue un borde alrededor del interior de la imagen y muestre la imagen en un cuadrado.

El efecto 6 coloca el título y el texto de enfoque en la parte superior, con una línea debajo de ellos y el contenido en la parte inferior.

El efecto 8 conserva el gran tamaño rectangular y agrega un borde delgado.

Este es el efecto 10. Al caminar, la imagen se encoge, la línea se convierte en una X y aparece el gradiente. Siguiente ejemplo Effect de imagen Pro

Para un ejemplo simple, aquí hay un vistazo al aspecto de renovación de divocadores de renovación de la casa con el módulo de desplazamiento de imagen definitivo agregado para crear un CTA. Lo agregué a la izquierda de la imagen y usé colores.

Al caminar, la imagen se desliza hacia la derecha, se revela CTA, la imagen se vuelve menos opaca (lo que permite varios colores de fondo) y se agrega un borde. Este ejemplo usa el efecto Hover 8. Comprar el siguiente efecto de imagen Pro