Código de CSS - Parallax - Scrolling

Código de CSS - Parallax - Scrolling - Simple

Pos: 3

Val: 571

Ha mantenido su posición en CSS (en relación al último mes)

Parallax - Scrolling - Simple

CSS

(1)

Publicado el 2 de Junio del 2018 por Scriptshow (141 códigos)

2.841 visualizaciones desde el 2 de Junio del 2018

Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...

Un saludo

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
(1)

Publicado el 2 de Junio del 2018

gráfica de visualizaciones de la versión: 1.0

2.842 visualizaciones desde el 2 de Junio del 2018

<!DOCTYPE html>

<html>

<head>

<meta name="encoding" content="ISO-8859-1">

<meta name="viewport" content="width=device-width">

<title>Simple Scroll</title>

<style type="text/css">

<!--

html, body, div {

width:100%;

height:100%;

margin:0px;

padding:0px;

border:0px;

outline:0px;

font-size:100%;

overflow:hidden;

font-family:"Open Sans",sans-serif;

vertical-align:baseline;

background-image:none;

background-repeat:no-repeat;

background-position:top center;

background-attachment:fixed;

-webkit-background-size:cover;

-moz-background-size:cover;

-o-background-size:cover;

background-size:cover;

body {

zoom:1.0;

overflow:auto;

h2 {

font-weight:normal;

font-size:80px;

color:#000000;

//-->

</style>

</head>

<body>

<div style="background-image:url(none)"><h2 align="center">S c r o l l<br>I N T R O<br>- 1 -</h2></div>

<div style="background-image:url(img_02.jpg)"><h2 align="center">S c r o l l<br>T O D O<br>- 2 -</h2></div>

<div style="background-image:url(none)"><h2 align="center">S c r o l l<br>T O D O<br>- 3 -</h2></div>

<div style="background-image:url(img_04.jpg)"><h2 align="center">S c r o l l<br>T O D O<br>- 4 -</h2></div>

</body>

</html>

Comentarios sobre la versión: 1.0 (1)

xve

4 de Junio del 2018

Que bueno!!!

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4636

Flecha en movimiento al poner el ratón encima

Efecto cargando de Android en HTML5 y CSS

Código de CSS - Parallax - Scrolling - Simple

Requerimientos

1.0(1)

Comentarios sobre la versión: 1.0 (1)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(1)