Compartir fondo en varios elementos: Multiple. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: NeXTs
Views Total: 1,931
Sitio oficial: Ir a la web
Actualizado: April 23, 2016
Licencia: MIT

Vista prévia

Compartir fondo en varios elementos: Multiple. js

Descripción

Multiple. js es una biblioteca de JavaScript que permite compartir el fondo a través de múltiples elementos DIV usando CSS. Funciona en cualquier navegador de escritorio que admita la conexión en segundo plano: los exploradores fijos y móviles que admiten la posición: Fixed y clip: Rect ().

Funcionamiento

Agregue el Multiple. js y multiple. CSS en su archivo HTML.

<link href="multiple.css" rel="stylesheet">
<script src="multiple.min.js"></script>

Supongamos que tiene varios elementos div en la Página Web.

<div class="item">Content</div>
<div class="item">Content</div>
<div class="item">Content</div>

Cree un nuevo objeto multiple y especifique la imagen de fondo que desea utilizar.

var multiple = new Multiple({


selector: '.item',


background: 'BACKGROUND IMAGE HERE'
});
var multiple = new Multiple({


selector: '.item',


background: 'BACKGROUND IMAGE HERE',


affectText: 'black', // Specifies if background image should affect text instead of background.


opacity: .2, //
gradient's opacity
});

Te puede interesar: