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

Curso de HTML

30.  
31.  
33.  
35.  
48.  
59.  

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

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

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