Explorando el Prefijo -webkit en CSS: Un Vistazo Profundo
Cuando se trata de diseñar páginas web y aplicar estilos a elementos HTML, CSS es una herramienta fundamental que nos permite dar vida a nuestras ideas creativas. Sin embargo, en …
Mi propio CSS Reset
Los CSS reset son archivos CSS, que limpian todas las propiedades de CSS, que aplican por defecto los navegadores web y que además son diferentes en cada uno de ellos. …
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, …
Ejercicios de selectores CSS
Os comparto un par de ejercicios que he creado yo mismo desde 0, para practicar los selectores CSS. Los utilizo siempre para practicar los selectores simples y descendientes, despues de …
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 …
Como usar Google Web Fonts en mi página web con CSS
Vamos a ver como añadir tipografías de Google Web Fonts a nuestra página web. Google Fonts Google Fonts es un directorio de tipografías libre. Muchas de las fuentes están …
Background color con opacity y RGBA en CSS
La propiedad background-color de CSS, es una de las más sencillas y más utilizadas en CSS. Se complica cuando queremos dar algo de transparencia al fondo del elemento al que …
Ejercicio de colores CSS
Este ejercicio que he creado, esta preparado para ver como asignar colores CSS. Para ello pondremos color a texto y fondo a través de las propiedades color: y background-color: Los …
Vídeo background en HTML
Estoy empezando a meter en la formación, etiquetas de HTML5 y propiedades de CCS3. En este ejemplo, trabajamos la etiqueta <video> y propiedades de CSS3, como object-fit, object-position y mix-blend-mode. El ejemplo muestra …
Ejercicio cajas float CSS
A la vez que vamos avanzado en contenidos , vamos a ir añadiendo secciones a ese ejercicio en que hacíamos la cabecera de una web (El Centollo) https://raulperez.tieneblog.net/menu-horizontal-css-responsive-centrado-automaticamente/ En este caso …