Cómo hacer el efecto Parallax sólo con HTML y CSS

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

31.  
32.  
35.  
38.  
53.  

Utilizando background-attachment:fixed podemos hacer que aunque las capas se desplacen, su imagen de fondo permanezca fija

Selector :not(selector)

<style>
	input:not([type=checkbox]){
		width: 570px;
		display: block;
		border-radius: 15px;
	}
</style>

<input type="text" /><br>
<input type="text" />
<br>
<input type="checkbox" >
<input type="checkbox" >

Ejercicio Autopista

Para hacer funcionar el ejemplo de la imagen de la cabecera, aplicaremos la a una capa a la que le daremos una altura. A dicha capa le asignaremos los estilos:

background-attachment: fixed;
background-size:cover
← Hacer página Grassy Green
divs semánticos →