Duplicator-shortcodes

From Left To Right

  • Customize The Animation

    You can set the number of animated elements, which element should be animated first and when the animation should be finished.

Verkrijg de code

[duplicator start="0" stop="17" max="25" step="1" icon="trophy"][/duplicator]
[duplicator start="0" stop="20" max="25" step="1" icon="heart"][/duplicator]

[duplicator start="0" stop="28" max="28" step="2" icon="rocket"][/duplicator]
[duplicator start="0" stop="17" max="25" step="1" icon="star"][/duplicator]

Reversed Order

Verkrijg de code

[duplicator start="0" stop="17" max="25" step="1" icon="cog" direction="left"][/duplicator]
[duplicator start="0" stop="17" max="25" step="1" icon="ambulance" direction="left"][/duplicator]
[duplicator start="0" stop="17" max="25" step="1" icon="circle-arrow-left" direction="left"][/duplicator]

Shortcode documentatie

  • ID kaart
    Het id-kenmerk specificeert een id voor een HTML-element.
    Het moet uniek zijn binnen het HTML-document.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • klasse
    Het class attribuut specificeert een class naam voor een HTML element.
    (Voornamelijk voor aanvullende styling / scripting-doeleinden)
  • icoon
    Beschikbare opties:
    Alle pictogrammen zijn beschikbaar op Lettertype Awesome site
  • begin
    Elements at index lower than "begin" are visible all time
  • hou op
    Stop animation at this index
  • max
    Max. amount of elements to show
  • direction
    Beschikbare opties:
    • right
    • left
  • style
    Beschikbare opties:
    • simple
    • solid
  • color
    Color