Extensiones de Quarto

---

---

Extensiones de Quarto

Quarto social media embeds

Tweet

Youtube

WebR

This is a webr-enabled code cell in a Quarto HTML document.

Animate

Some text

Available effects:

Attention seekers

• {{< animate bounce “bounce” repeat=infinite duration=4s >}}
• {{< animate flash “flash” repeat=infinite duration=4s >}}
• {{< animate pulse “pulse” repeat=infinite duration=4s >}}
• {{< animate rubberBand “rubberBand” repeat=infinite duration=4s >}}
• {{< animate shakeX “shakeX” repeat=infinite duration=4s >}}
• {{< animate shakeY “shakeY” repeat=infinite duration=4s >}}
• {{< animate headShake “headShake” repeat=infinite duration=4s >}}
• {{< animate swing “swing” repeat=infinite duration=4s >}}
• {{< animate tada “tada” repeat=infinite duration=4s >}}
• {{< animate wobble “wobble” repeat=infinite duration=4s >}}
• {{< animate jello “jello” repeat=infinite duration=4s >}}
• {{< animate heartBeat “heartBeat” repeat=infinite duration=4s >}}

Back entrances

• {{< animate backInDown “backInDown” repeat=infinite duration=4s >}}
• {{< animate backInLeft “backInLeft” repeat=infinite duration=4s >}}
• {{< animate backInRight “backInRight” repeat=infinite duration=4s >}}
• {{< animate backInUp “backInUp” repeat=infinite duration=4s >}}

Back exits

• {{< animate backOutDown “backOutDown” repeat=infinite duration=4s >}}
• {{< animate backOutLeft “backOutLeft” repeat=infinite duration=4s >}}
• {{< animate backOutRight “backOutRight” repeat=infinite duration=4s >}}
• {{< animate backOutUp “backOutUp” repeat=infinite duration=4s >}}

Bouncing entrances

• {{< animate bounceIn “bounceIn” repeat=infinite duration=4s >}}
• {{< animate bounceInDown “bounceInDown” repeat=infinite duration=4s >}}
• {{< animate bounceInLeft “bounceInLeft” repeat=infinite duration=4s >}}
• {{< animate bounceInRight “bounceInRight” repeat=infinite duration=4s >}}
• {{< animate bounceInUp “bounceInUp” repeat=infinite duration=4s >}}

Bouncing exits

• {{< animate bounceOut “bounceOut” repeat=infinite duration=4s >}}
• {{< animate bounceOutDown “bounceOutDown” repeat=infinite duration=4s >}}
• {{< animate bounceOutLeft “bounceOutLeft” repeat=infinite duration=4s >}}
• {{< animate bounceOutRight “bounceOutRight” repeat=infinite duration=4s >}}
• {{< animate bounceOutUp “bounceOutUp” repeat=infinite duration=4s >}}

Fading entrances

• {{< animate fadeIn “fadeIn” repeat=infinite duration=4s >}}
• {{< animate fadeInDown “fadeInDown” repeat=infinite duration=4s >}}
• {{< animate fadeInDownBig “fadeInDownBig” repeat=infinite duration=4s >}}
• {{< animate fadeInLeft “fadeInLeft” repeat=infinite duration=4s >}}
• {{< animate fadeInLeftBig “fadeInLeftBig” repeat=infinite duration=4s >}}
• {{< animate fadeInRight “fadeInRight” repeat=infinite duration=4s >}}
• {{< animate fadeInRightBig “fadeInRightBig” repeat=infinite duration=4s >}}
• {{< animate fadeInUp “fadeInUp” repeat=infinite duration=4s >}}
• {{< animate fadeInUpBig “fadeInUpBig” repeat=infinite duration=4s >}}
• {{< animate fadeInTopLeft “fadeInTopLeft” repeat=infinite duration=4s >}}
• {{< animate fadeInTopRight “fadeInTopRight” repeat=infinite duration=4s >}}
• {{< animate fadeInBottomLeft “fadeInBottomLeft” repeat=infinite duration=4s >}}
• {{< animate fadeInBottomRight “fadeInBottomRight” repeat=infinite duration=4s >}}

Fading exits

• {{< animate fadeOut “fadeOut” repeat=infinite duration=4s >}}
• {{< animate fadeOutDown “fadeOutDown” repeat=infinite duration=4s >}}
• {{< animate fadeOutDownBig “fadeOutDownBig” repeat=infinite duration=4s >}}
• {{< animate fadeOutLeft “fadeOutLeft” repeat=infinite duration=4s >}}
• {{< animate fadeOutLeftBig “fadeOutLeftBig” repeat=infinite duration=4s >}}
• {{< animate fadeOutRight “fadeOutRight” repeat=infinite duration=4s >}}
• {{< animate fadeOutRightBig “fadeOutRightBig” repeat=infinite duration=4s >}}
• {{< animate fadeOutUp “fadeOutUp” repeat=infinite duration=4s >}}
• {{< animate fadeOutUpBig “fadeOutUpBig” repeat=infinite duration=4s >}}
• {{< animate fadeOutTopLeft “fadeOutTopLeft” repeat=infinite duration=4s >}}
• {{< animate fadeOutTopRight “fadeOutTopRight” repeat=infinite duration=4s >}}
• {{< animate fadeOutBottomRight “fadeOutBottomRight” repeat=infinite duration=4s >}}
• {{< animate fadeOutBottomLeft “fadeOutBottomLeft” repeat=infinite duration=4s >}}

Flippers

• {{< animate flip “flip” repeat=infinite duration=4s >}}
• {{< animate flipInX “flipInX” repeat=infinite duration=4s >}}
• {{< animate flipInY “flipInY” repeat=infinite duration=4s >}}
• {{< animate flipOutX “flipOutX” repeat=infinite duration=4s >}}
• {{< animate flipOutY “flipOutY” repeat=infinite duration=4s >}}

Lightspeed

• {{< animate lightSpeedInRight “lightSpeedInRight” repeat=infinite duration=4s >}}
• {{< animate lightSpeedInLeft “lightSpeedInLeft” repeat=infinite duration=4s >}}
• {{< animate lightSpeedOutRight “lightSpeedOutRight” repeat=infinite duration=4s >}}
• {{< animate lightSpeedOutLeft “lightSpeedOutLeft” repeat=infinite duration=4s >}}

Rotating entrances

• {{< animate rotateIn “rotateIn” repeat=infinite duration=4s >}}
• {{< animate rotateInDownLeft “rotateInDownLeft” repeat=infinite duration=4s >}}
• {{< animate rotateInDownRight “rotateInDownRight” repeat=infinite duration=4s >}}
• {{< animate rotateInUpLeft “rotateInUpLeft” repeat=infinite duration=4s >}}
• {{< animate rotateInUpRight “rotateInUpRight” repeat=infinite duration=4s >}}

Rotating exits

• {{< animate rotateOut “rotateOut” repeat=infinite duration=4s >}}
• {{< animate rotateOutDownLeft “rotateOutDownLeft” repeat=infinite duration=4s >}}
• {{< animate rotateOutDownRight “rotateOutDownRight” repeat=infinite duration=4s >}}
• {{< animate rotateOutUpLeft “rotateOutUpLeft” repeat=infinite duration=4s >}}
• {{< animate rotateOutUpRight “rotateOutUpRight” repeat=infinite duration=4s >}}

Specials

• {{< animate hinge “hinge” repeat=infinite duration=4s >}}
• {{< animate jackInTheBox “jackInTheBox” repeat=infinite duration=4s >}}
• {{< animate rollIn “rollIn” repeat=infinite duration=4s >}}
• {{< animate rollOut “rollOut” repeat=infinite duration=4s >}}

Zooming entrances

• {{< animate zoomIn “zoomIn” repeat=infinite duration=4s >}}
• {{< animate zoomInDown “zoomInDown” repeat=infinite duration=4s >}}
• {{< animate zoomInLeft “zoomInLeft” repeat=infinite duration=4s >}}
• {{< animate zoomInRight “zoomInRight” repeat=infinite duration=4s >}}
• {{< animate zoomInUp “zoomInUp” repeat=infinite duration=4s >}}

Zooming exits

• {{< animate zoomOut “zoomOut” repeat=infinite duration=4s >}}
• {{< animate zoomOutDown “zoomOutDown” repeat=infinite duration=4s >}}
• {{< animate zoomOutLeft “zoomOutLeft” repeat=infinite duration=4s >}}
• {{< animate zoomOutRight “zoomOutRight” repeat=infinite duration=4s >}}
• {{< animate zoomOutUp “zoomOutUp” repeat=infinite duration=4s >}}

Sliding entrances

• {{< animate slideInDown “slideInDown” repeat=infinite duration=4s >}}
• {{< animate slideInLeft “slideInLeft” repeat=infinite duration=4s >}}
• {{< animate slideInRight “slideInRight” repeat=infinite duration=4s >}}
• {{< animate slideInUp “slideInUp” repeat=infinite duration=4s >}}

Sliding exits

• {{< animate slideOutDown “slideOutDown” repeat=infinite duration=4s >}}
• {{< animate slideOutLeft “slideOutLeft” repeat=infinite duration=4s >}}
• {{< animate slideOutRight “slideOutRight” repeat=infinite duration=4s >}}
• {{< animate slideOutUp “slideOutUp” repeat=infinite duration=4s >}}

QR Code

Elevator