Hola, no se me actualizan los estilos cuando hago cambios en el archivo css. Estoy usando static. Cuando hago cambios en el html si se actualiza.
¡Desbloquea vídeos ilimitados! Sube a Premium
Necesitas premium para acceder a este contenido. Suscríbete por $26USD al mes
-
check_circle_outlineMódulo 1 | 1 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 3 clases
Controles con CSS
expand_more -
check_circle_outlineMódulo 3 | 5 clases
Slider
expand_more -
check_circle_outlineMódulo 4 | 2 clases
Navegación sticky
expand_more -
check_circle_outlineMódulo 5 | 5 clases
Menú hamburguesa
expand_more -
check_circle_outlineMódulo 6 | 2 clases
Video e imágenes
expand_more -
check_circle_outlineMódulo 7 | 2 clases
Navegación por tabs
expand_more -
check_circle_outlineMódulo 8 | 3 clases
Autocompletado
expand_more -
check_circle_outlineMódulo 9 | 5 clases
Ordenamiento con Drag&Drop
expand_more -
check_circle_outlineMódulo 10 | 2 clases
Animaciones
expand_more -
check_circle_outlineMódulo 11 | 4 clases
MaterialDesign de Google
expand_more -
check_circle_outlineMódulo 12 | 2 clases
Otros controles
expand_more -
check_circle_outlineMódulo 13 | 3 clases
Calendario
expand_more -
check_circle_outlineMódulo 14 | 2 clases
Efectos con texto
expand_more -
check_circle_outlineMódulo 15 | 4 clases
Nuevos efectos
expand_more -
check_circle_outlineMódulo 16 | 4 clases
Gratutios y demostraciones
expand_more -
check_circle_outlineMódulo 17 | 11 clases
Dark Mode
expand_more
16 comentario(s)
- Para que trabajen con la misma imagen, vi que background-image acepta la propiedad linear-gradient:
background-image: linear-gradient(to right,rgba(255, 0, 0, 0.5),rgba(0,0,0,0.5)), url(./images/hero.jpg);
- Sintaxis de linear-gradient
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
Hola a todos! hice todo el curso y me encanto! pero tengo un problema, a pesar de tener todos los vídeos vistos, la barra de porcentajes, sigue en cero. como lo puedo solucionar? graciasssss
Hola amigos que pena tengo un problema las letras de h1 y p quedan fuera de la imagen
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Hero Image</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header class="hero-image"></header>
<div>
<h1>Visita a la ciudad de Nueva York </h1>
<p> 50% Oferta en boletos aereos</p>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------
html, body {
margin:0px; /* sin margen*/
font-family: monospace,sans-serif;
}
.hero-image {
height: 75vh; /* ocupa el 70% del alto*/
background: url(ny.jpg);
background-size: cover;/* se adapta a la pantalla*/
background-position:center;
padding: 2em;
color: white;
display: flex; /* permite colocar el texto de forma facil en la imagen*/
align-items:flex-end;
padding-bottom: 5%;
}
.hero-image h1{
font-size:90px;
margin: 0px;
text-shadow: 0px 0px 4px #000;
}
.hero-image p{
font-size: 24px;
text-shadow: 0px 0px 2px #000;
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Hero Image</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header class="hero-image"></header>
<div>
<h1>Visita a la ciudad de Nueva York </h1>
<p> 50% Oferta en boletos aereos</p>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------
html, body {
margin:0px; /* sin margen*/
font-family: monospace,sans-serif;
}
.hero-image {
height: 75vh; /* ocupa el 70% del alto*/
background: url(ny.jpg);
background-size: cover;/* se adapta a la pantalla*/
background-position:center;
padding: 2em;
color: white;
display: flex; /* permite colocar el texto de forma facil en la imagen*/
align-items:flex-end;
padding-bottom: 5%;
}
.hero-image h1{
font-size:90px;
margin: 0px;
text-shadow: 0px 0px 4px #000;
}
.hero-image p{
font-size: 24px;
text-shadow: 0px 0px 2px #000;
}
Pregunta: Cuando coloco el color luego de la imagen, no me da el color como a Uriel en el video, se queda normal del color de imagen.
