VueFlux
Home
  • v5
  • v6
  • v7
Demos
GitHub
Home
  • v5
  • v6
  • v7
Demos
GitHub
  • Overview
  • Changelog
  • Installation and usage
  • Templating
  • SSR with Nuxt
  • Components
    • VueFlux
    • FluxParallax
    • FluxCaption
    • FluxControls
    • FluxIndex
    • FluxPagination
    • FluxImage
    • FluxWrapper
    • FluxCube
    • FluxGrid
    • FluxVortex
    • FluxThumb
  • Transitions
    • Blinds 2D
    • Blinds 3D
    • Blocks 1
    • Blocks 2
    • Book
    • Camera
    • Concentric
    • Cube
    • Explode
    • Fade
    • Fall
    • Kenburn
    • Round 1
    • Round 2
    • Slide
    • Swipe
    • Warp
    • Waterfall
    • Wave
    • Zip
  • Custom transitions

Description

A wrapper component used in some transitions to contain single or multiple images.

Component

Just renders the content wrapped into this component so it is easier to manage and operate some transitions.

Example:

<flux-wrapper ref="wrapper">
   <flux-image :slider="slider" :index="0" ref="image0"></flux-image>
   <flux-image :slider="slider" :index="1" ref="image1"></flux-image>
</flux-wrapper>

Methods

MethodParametersDescription
setCsscssObject with the style to be applied directly
transformcssObject with the style to be applied rendering, used to perform the transitions
Last Updated: 10/24/23, 4:45 PM
Prev
FluxImage
Next
FluxCube