FrontBlocks

Descripción

Plugin para crear bloques personalizados para la parte frontal del sitio web. Incluye un bloque de carrusel/control deslizante y un bloque de animación.

Atributos de datos para el carrusel:
– data-type: carrusel, control deslizante
control deslizante – rebobina el control deslizante al inicio/final cuando llega a la primera o última diapositiva,
carrusel – cambia las diapositivas sin empezar de nuevo cuando llega a la primera o última diapositiva.

• data-autoplay: 0 – time ms
• data-view: 1, 2, 3, 4, 5, 6
• data-buttons: bullets, arrows, none
• data-res-view: 1, 2, 3, 4, 5, 6

Data Attributes for Animation:
– data-frontblocks-animation: defines the animation class name that will be assigned to the element.

Animations:
Based on Animate.css

Attention seekers:
bounce, flash, pulse, rubberBand, shakeX, shakeY, headShake, swing, tada, wobble, jello, heartBeat

Back entrances:
backInDown, backInLeft, backInRight, backInUp

Back exits:
backOutDown, backOutLeft, backOutRight, backOutUp

Bouncing entrances:
bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp

Bouncing exits:
bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp

Fading entrances:
fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeInTopLeft, fadeInTopRight, fadeInBottomLeft, fadeInBottomRight

Fading exits:
fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, fadeOutTopLeft, fadeOutTopRight, fadeOutBottomRight, fadeOutBottomLeft

Flippers:
flip, flipInX, flipInY, flipOutX, flipOutY, Lightspeed, lightSpeedInRight, lightSpeedInLeft, lightSpeedOutRight, lightSpeedOutLeft

Entradas giratorias:
rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight

Salidas giratorias:
rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight

Especiales:
hinge, jackInTheBox, rollIn, rollOut

Entradas de ampliar / acercar:
zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp

Salidas de ampliar / acercar:
zoomOut, zoomOutDown zoomOutLeft, zoomOutRight, zoomOutUp

Entradas deslizantes:
slideInDown, slideInLeft, slideInRight, slideInUp, Sliding, exits slideOutDown, slideOutLeft, slideOutRight, slideOutUp

Plugins de Closemarketing

Desarrolladores

Repositorio oficial en GitHub

Enlaces

• Closemarketing
• Close·Technology