Hacer zoom en una imagen (o cualquier otro objeto) Esta semana veremos cómo hacer zoom al pasar el cursor del ratón por encima de una imagen. Continuamos con la serie de efectos sobre imágenes que estamos viendo durante las últimas semanas. En esta ocasión veremos un efecto que me habéis pedido en varias ocasiones, y […]

Cómo crear un efecto Flip Card para tu web Esta semana aprenderemos a crear un efecto flip card para las imágenes de nuestros WordPress. Este artículo complemente el de la semana pasada donde aprendimos a voltear una imagen. Hacer un efecto de rotación 3d en una imagen Utilizando las propiedades de transformación y de rotación, […]

Efecto voltear una imagen En esta ocasión veremos un efecto muy visual, se trata de voltear una imagen, con lo que daremos un aspecto de 3d bastante llamativo. Como siempre, lo primero que vamos a hacer es utilizar un código CSS bastante sencillo y se lo aplicaremos a una imagen. ¡Vamos a ello!. Código que […]

Cómo añadir sombras a las imágenes con CSS En este artículo vamos a aprender a crear sombras para destacar nuestras imágenes, aunque en realidad, este código podemos aplicárselo a cualquier objeto de nuestra web. Al igual que en un diseño realizado con cualquier programa vectorial o de tratamiento de imágenes, este efecto sirve para destacar […]

Cómo meter imágenes dentro de formas En este artículo vamos a ver cómo podemos meter imágenes dentro de formas. Un efecto que complementa al artículo de hace unas semanas, en el que aprendimos a crear bordes circulares en nuestras imágenes. Como siempre, utilizaremos código CSS secillo, que como siempre, explicaremos su funcionamiento para que puedas […]

Cómo podemos girar imágenes con código Esta semana veremos como se puede girar imágenes con código, con este artículo completaremos una serie de artículos dedicados a las imágenes y todo lo que podemos hacer con ellas. En este efecto vamos a utilizar un código CSS muy sencillo, ¿estás preparado?, ¡pues adelante!. Girar imágenes con código: […]

Cómo centrar de forma horizontal y vertical una imagen Continuando con el trabajo con imágenes, en esta ocasión vamos a ver cómo podemos centrar de forma horizontal y vertical una imagen. En realidad, este código sirve para centrar horizontal y verticalmente cualquier elemento de tu página web. Centrar horizontalmente una imagen (o cualquier objeto), es […]

Cómo hacer que las imágenes sean circulares Si alguna vez has necesitado hacer circulares alguna de tus imágenes, por ejemplo para tus testimonios, el perfil de tus usuarios… y no sabías cómo hacerlo, en este artículo vamos a ver el método más sencillo que conozco: con un poco de código CSS. ¿Necesitamos preparar previamente las […]

Fidelizar a tus lectores Si tienes un blog o una web de de servicios, te interesará fidelizar a tus lectores, es decir, querrás que tus visitantes se conviertan en asiduos. Para convertir a tus visitantes en potenciales lectores debes cumplir varios requisitos: Ofrecer contenidos de valor, primordial y fundamental. Trabajar el SEO interno de tus […]