Saltar al contenido
Raúl Pérez

Raúl Pérez

Caja con efecto hover usando el pseudoelemento CSS ::before y la propiedad transition

Menú
  • Inicio
  • Soy Raúl
  • Servicios
  • Portfolio
  • Contacto
  • Blog

Etiqueta: flex

pseudoelemento-before
CSS / Programación

Caja con efecto hover usando el pseudoelemento CSS ::before y la propiedad transition

Vamos ha hacer un ejemplo práctico para entender mejor el pseudoelemento CSS ::before y la propiedad transition. Además el resultado es totalmente reutilizable para ser usado en portfolios, imágenes, cards, …

flex-box
CSS / Programación

Elementos con la misma altura usando flexbox

Si podríamos garantizar que las cajas siempre tendrían la misma cantidad de contenido, nos valdría con asignar una altura fija a las cajas. Pero muchas veces el contenido no es …

Categorías

  • Capas
  • CSS
  • Curso gimp
  • Curso wordpress
  • Diseño
  • Eventos
  • Herramientas de color
  • Herramientas de pintura
  • Herramientas de selección
  • Herramientas de transformación
  • HTML
  • Ofimática
  • Programación
  • seo
  • Sin categoría
  • Sistemas
  • Software libre
  • Ubuntu
  • Wordpress

Entradas recientes

  • Cómo organizar la biblioteca WordPress
  • Configuración de Polylang, plugin de traducción en WordPress
  • Mi propio CSS Reset
  • Las imágenes vectoriales .svg en HTML5
  • Caja con efecto hover usando el pseudoelemento CSS ::before y la propiedad transition

Comentarios recientes

  • Jose en Menú horizontal CSS responsive centrado automáticamente
  • raul en Personalizar el conmutador de idiomas del plugin Polylang
  • Sofía en Personalizar el conmutador de idiomas del plugin Polylang
  • gonzalo en Audio perdido en Ubuntu, “salida para torpes”
  • raul en Sustituir la versión de jQuery en WordPress
Redes Sociales
Copyright © 2022 Raúl Pérez – Tema OnePress hecho por FameThemes

Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web.

Puedes aprender más sobre qué cookies utilizamos o desactivarlas en los ajustes.

Powered by  GDPR Cookie Compliance
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Básicamente, la web no funcionará bien si no están debidamente activadas.

Estas cookies son:

- Comprobación del inicio de la sesión.

- Cookies de seguridad.

- Aceptación/rechazo previo de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de terceros

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!