Numerar secciones y subsecciones con CSS

Cómo crear secciones numeradas con CSS En esta ocasión veremos como podemos numerar secciones y subsecciones utilizando código CSS. Ya sabemos hacerla mediante el editor, pero en esta ocasión aprenderemos a hacerlo mediante código. El resultado será algo parecido a lo que conseguimos utilizando Microsoft Word, pero en WordPress. Crear una lista numerada siempre es … Leer más

Crear un menú de navegación responsive

Menú de navegación responsive con código Hoy vamos a ver cómo podemos crear un menú de navegación responsive, es decir, que se adapte al tamaño de ventana del dispositivo que lo muestra. Este artículo complementa, en cierto sentido el artículo de la semana pasada, donde hemos visto cómo hacer una galería de imágenes responsive. Lo … Leer más

Cómo hacer una galería de imágenes responsive

Crear galería de imágenes responsive En esta ocasión vamos a aprender a crear una galería de imágenes responsive con la que mostraremos nuestras imágenes de la forma correcta, y como siempre, sin utilizar ningún plugin. Código CSS que vamos a utilizar para crear nuestra galería de imágenes responsive Aunque, a primera vista, el código que … Leer más

Aplicar efectos de colores con CSS a las imágenes

Aplicar a tus imágenes efectos de colores con CSS Continuamos con efectos sobre imágenes, en este caso, veremos cómo les podemos aplicar efectos de colores con CSS. ¡Vamos a ello! Efectos de colores con CSS: efecto escala de grises Este sencillo efecto hace que tu imagen cambie su color a escala de grises cuando pases … Leer más

Cómo hacer zoom en una imagen

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 … Leer más

Flip Card con CSS

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, … Leer más

Cómo voltear una imagen

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 … Leer más

Añadir sombras a las imágenes

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 … Leer más

Meter imágenes dentro de formas

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 … Leer más

Girar imágenes con código

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: … Leer más