Web-component-ff NPM

web-component-ff

Web Component de uso multiporposito alusivo a Free Fire

Instalación

npm install web-component-ff --save

Uso

Importa el custom element:

import {FreeFireCard} from 'web-component-ff';

Usa el tag `<mlz-ff>`:

<mlz-ff
  titulo="Laura" //custom attribute
  img="./img.png" //custom attribute
  /* ...demás atributos */
>  
</mlz-ff>

Atributos

titulo - Titulo de la tarjeta
img - Imagen destacada
movil - Imagen para vista movil
rgb - Activa efecto de gradiente (opcional)
coleccion - Colección del item
contenido - Descripción corta
alturaImg - Altura de la imagen

Consideración de no usar el efecto titl

Se debe eliminar en el componente el atributo "rbg" el cual se descuadra

Atributos efecto Tilt

Para los atributos del efecto tilt puedes buscar mas en https://gijsroge.github.io/tilt.js/

Descripción

Web component desarrollado con Vanilla JS para crear una tarjeta multiproposito alusivo a Free Fire. Permite mostrar una imagen destacada, titulo, sub-titulo, info del producto, botón de ver más y efectos hover, marca de agua de fondo; incluso puedes variar en la imagen principal en modo pc y modo movil.