Transición entre colores de fondo en el desplazamiento-color de fondo Morph
| Autor: | awmiklovic |
|---|---|
| Views Total: | 328 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 24, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Color de fondo Morph es una pequeña (2Kb minificada) Biblioteca de JavaScript que aplica un efecto de transición a los colores de fondo cuando se desplaza hacia abajo o hacia arriba de la Página Web.
Funcionamiento
Importar el JavaScript BG-color-Morph. min. js y StyleSheet BG-color-Morph. CSS en el documento.
<link href="dist/bg-color-morph.css" rel="stylesheet"> <script src="dist/bg-color-morph.min.js"></script>
Añada la clase de CSS necesaria BG-Morph al contenedor de destino.
<section class="bg-morph"> Content here </section>
Establezca los colores inicial y final en hex.
<section class="bg-morph" data-start-color="#f7b733" data-end-color="#fc4a1a"> Content here </section>
Establezca los puntos de disparo inicial/final.
<section class="bg-morph" data-start-color="#f7b733" data-end-color="#fc4a1a" data-start-trigger="top" data-end-trigger="middle"> Content here </section>
