Our.Umbraco.AnimateOnScroll 0.1.0

Package Description

Install-Package Our.Umbraco.AnimateOnScroll -Version 0.1.0
dotnet add package Our.Umbraco.AnimateOnScroll --version 0.1.0
<PackageReference Include="Our.Umbraco.AnimateOnScroll" Version="0.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Our.Umbraco.AnimateOnScroll --version 0.1.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Our.Umbraco.AnimateOnScroll

Animate element on your page as you scroll.
Based on https://github.com/michalsnik/aos

Usage / Installation

Step 1, umbraco:
  1. Create a datatype for Our.Umbraco.AnimateOnScroll
  2. Add datatype as property name eg: "animate"
Step 2, template:

Add AOS css in &lt;head&gt;:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />

Add script right before closing &lt;/body&gt; tag, and initialize AOS:

<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

<script>
  AOS.init();
</script>
  1. Render html-attributes on element:
<section @(Model.Value<Our.Umbraco.AnimateOnScroll.Models.Animation>("animate").ToHtml())>Animated section</<section>

Our.Umbraco.AnimateOnScroll

Animate element on your page as you scroll.
Based on https://github.com/michalsnik/aos

Usage / Installation

Step 1, umbraco:
  1. Create a datatype for Our.Umbraco.AnimateOnScroll
  2. Add datatype as property name eg: "animate"
Step 2, template:

Add AOS css in &lt;head&gt;:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />

Add script right before closing &lt;/body&gt; tag, and initialize AOS:

<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

<script>
  AOS.init();
</script>
  1. Render html-attributes on element:
<section @(Model.Value<Our.Umbraco.AnimateOnScroll.Models.Animation>("animate").ToHtml())>Animated section</<section>

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
0.1.0 39 8/25/2020