*/ private array $macros = []; public function __construct(Environment $env) { parent::__construct($env); $this->source = $this->getSourceContext(); $this->parent = false; $this->blocks = [ ]; } protected function doDisplay(array $context, array $blocks = []): iterable { $macros = $this->macros; $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"]; $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "theme/advance-ui-animation.html.twig")); $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"]; $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "theme/advance-ui-animation.html.twig")); // line 1 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/main.html.twig"); yield " "; // line 5 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/title-meta.html.twig", ["title" => "Animation"]); yield " "; // line 10 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/head-css.html.twig"); yield "
"; // line 19 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/menu.html.twig"); yield "
"; // line 29 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/page-title.html.twig", ["pagetitle" => "Advance UI", "title" => "Animation"]); yield "

Fade Animation

Fade Up

<div data-aos=\"fade-up\"></div>
\"Mac

Fade Down

<div data-aos=\"fade-down\"></div>
\"Mac

Fade Right

<div data-aos=\"fade-right\"></div>
\"Mac

Fade Left

<div data-aos=\"fade-left\"></div>
\"Mac

Fade Up Right

<div data-aos=\"fade-up-right\"></div>
\"Mac

Fade Up Left

<div data-aos=\"fade-up-left\"></div>
\"Mac

Fade Down Right

<div data-aos=\"fade-down-right\"></div>
\"Mac

Fade Down Left

<div data-aos=\"fade-down-left\"></div>
\"Mac

Flip Animation

Flip Left

<div data-aos=\"flip-left\"></div>
\"Mac

Flip Right

<div data-aos=\"flip-right\"></div>
\"Mac

Flip Up

<div data-aos=\"flip-up\"></div>
\"Mac

Flip Down

<div data-aos=\"flip-down\"></div>
\"Mac

Zoom Animation

Zoom In

<div data-aos=\"zoom-in\"></div>
\"Mac

Zoom In Up

<div data-aos=\"zoom-in-up\"></div>
\"Mac

Zoom In Down

<div data-aos=\"zoom-in-down\"></div>
\"Mac

Zoom In Right

<div data-aos=\"zoom-in-right\"></div>
\"Mac

Zoom In Left

<div data-aos=\"zoom-in-left\"></div>
\"Mac

Zoom Out

<div data-aos=\"zoom-in\"></div>
\"Mac

Zoom Out Up

<div data-aos=\"zoom-out-up\"></div>
\"Mac

Zoom Out Down

<div data-aos=\"zoom-out-down\"></div>
\"Mac

Zoom Out Right

<div data-aos=\"zoom-out-right\"></div>
\"Mac

Zoom Out Left

<div data-aos=\"zoom-out-left\"></div>
\"Mac

Animation Examples

Duration

<div data-aos=\"fade-up\" data-aos-duration=\"3000\"></div>
\"Mac

Easing=\"linear\"

<div data-aos=\"fade-down\" data-aos-easing=\"linear\" data-aos-duration=\"1500\"></div>
\"Mac

Offset

<div data-aos=\"fade-right\" data-aos-offset=\"300\" data-aos-easing=\"ease-in-sine\"></div>
\"Mac

Offset

<div data-aos=\"fade-left\" data-aos-offset=\"500\" data-aos-duration=\"500\"></div>
\"Mac

Easing=\"ease-in-back\"

<div data-aos=\"fade-zoom-in\" data-aos-easing=\"ease-in-back\" data-aos-delay=\"300\" data-aos-offset=\"0\"></div>
\"Mac

Easing=\"ease-out-cubic\"

<div data-aos=\"flip-left\" data-aos-easing=\"ease-out-cubic\" data-aos-duration=\"2000\"></div>
\"Mac
"; // line 556 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/footer.html.twig"); yield "
"; // line 563 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/customizer.html.twig"); yield " "; // line 565 yield Twig\Extension\CoreExtension::include($this->env, $context, "theme/partials/vendor-scripts.html.twig"); yield " "; $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof); $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof); yield from []; } /** * @codeCoverageIgnore */ public function getTemplateName(): string { return "theme/advance-ui-animation.html.twig"; } /** * @codeCoverageIgnore */ public function isTraitable(): bool { return false; } /** * @codeCoverageIgnore */ public function getDebugInfo(): array { return array ( 633 => 565, 628 => 563, 618 => 556, 88 => 29, 75 => 19, 63 => 10, 55 => 5, 48 => 1,); } public function getSourceContext(): Source { return new Source("{{ include('theme/partials/main.html.twig') }} {{ include('theme/partials/title-meta.html.twig', {title: 'Animation'}) }} {{ include('theme/partials/head-css.html.twig') }}
{{ include('theme/partials/menu.html.twig') }}
{{ include('theme/partials/page-title.html.twig', {pagetitle: 'Advance UI', title: 'Animation'}) }}

Fade Animation

Fade Up

<div data-aos=\"fade-up\"></div>
\"Mac

Fade Down

<div data-aos=\"fade-down\"></div>
\"Mac

Fade Right

<div data-aos=\"fade-right\"></div>
\"Mac

Fade Left

<div data-aos=\"fade-left\"></div>
\"Mac

Fade Up Right

<div data-aos=\"fade-up-right\"></div>
\"Mac

Fade Up Left

<div data-aos=\"fade-up-left\"></div>
\"Mac

Fade Down Right

<div data-aos=\"fade-down-right\"></div>
\"Mac

Fade Down Left

<div data-aos=\"fade-down-left\"></div>
\"Mac

Flip Animation

Flip Left

<div data-aos=\"flip-left\"></div>
\"Mac

Flip Right

<div data-aos=\"flip-right\"></div>
\"Mac

Flip Up

<div data-aos=\"flip-up\"></div>
\"Mac

Flip Down

<div data-aos=\"flip-down\"></div>
\"Mac

Zoom Animation

Zoom In

<div data-aos=\"zoom-in\"></div>
\"Mac

Zoom In Up

<div data-aos=\"zoom-in-up\"></div>
\"Mac

Zoom In Down

<div data-aos=\"zoom-in-down\"></div>
\"Mac

Zoom In Right

<div data-aos=\"zoom-in-right\"></div>
\"Mac

Zoom In Left

<div data-aos=\"zoom-in-left\"></div>
\"Mac

Zoom Out

<div data-aos=\"zoom-in\"></div>
\"Mac

Zoom Out Up

<div data-aos=\"zoom-out-up\"></div>
\"Mac

Zoom Out Down

<div data-aos=\"zoom-out-down\"></div>
\"Mac

Zoom Out Right

<div data-aos=\"zoom-out-right\"></div>
\"Mac

Zoom Out Left

<div data-aos=\"zoom-out-left\"></div>
\"Mac

Animation Examples

Duration

<div data-aos=\"fade-up\" data-aos-duration=\"3000\"></div>
\"Mac

Easing=\"linear\"

<div data-aos=\"fade-down\" data-aos-easing=\"linear\" data-aos-duration=\"1500\"></div>
\"Mac

Offset

<div data-aos=\"fade-right\" data-aos-offset=\"300\" data-aos-easing=\"ease-in-sine\"></div>
\"Mac

Offset

<div data-aos=\"fade-left\" data-aos-offset=\"500\" data-aos-duration=\"500\"></div>
\"Mac

Easing=\"ease-in-back\"

<div data-aos=\"fade-zoom-in\" data-aos-easing=\"ease-in-back\" data-aos-delay=\"300\" data-aos-offset=\"0\"></div>
\"Mac

Easing=\"ease-out-cubic\"

<div data-aos=\"flip-left\" data-aos-easing=\"ease-out-cubic\" data-aos-duration=\"2000\"></div>
\"Mac
{{ include('theme/partials/footer.html.twig') }}
{{ include('theme/partials/customizer.html.twig') }} {{ include('theme/partials/vendor-scripts.html.twig') }} ", "theme/advance-ui-animation.html.twig", "/var/www/cds/app/templates/theme/advance-ui-animation.html.twig"); } }