Our.Umbraco.AnimateOnScroll
3.1.1
dotnet add package Our.Umbraco.AnimateOnScroll --version 3.1.1
NuGet\Install-Package Our.Umbraco.AnimateOnScroll -Version 3.1.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Our.Umbraco.AnimateOnScroll" Version="3.1.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Our.Umbraco.AnimateOnScroll --version 3.1.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Our.Umbraco.AnimateOnScroll, 3.1.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Our.Umbraco.AnimateOnScroll as a Cake Addin
#addin nuget:?package=Our.Umbraco.AnimateOnScroll&version=3.1.1
// Install Our.Umbraco.AnimateOnScroll as a Cake Tool
#tool nuget:?package=Our.Umbraco.AnimateOnScroll&version=3.1.1
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:
- Create a datatype for
Our.Umbraco.AnimateOnScroll
- Add datatype as property name eg: "animate"
Step 2, template:
Add AOS css in <head>
:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
Add script right before closing </body>
tag, and initialize AOS:
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script>
AOS.init();
</script>
- Render html-attributes on element:
<section @(Model.Value<Our.Umbraco.AnimateOnScroll.Models.Animation>("animate").ToHtml())>Animated section</<section>
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net5.0 is compatible. net5.0-windows was computed. net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
.NET Framework | net472 is compatible. net48 was computed. net481 was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
.NETFramework 4.7.2
- UmbracoCms.Core (>= 8.7.1)
- UmbracoCms.Web (>= 8.7.1)
-
net5.0
- Umbraco.Cms.Web.BackOffice (>= 9.0.0)
- Umbraco.Cms.Web.Website (>= 9.0.0)
-
net6.0
- Umbraco.Cms.Web.BackOffice (>= 10.0.0)
- Umbraco.Cms.Web.Website (>= 10.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
3.1.1 | 675 | 3/18/2023 |
3.1.0 | 415 | 11/20/2022 |
3.0.0 | 1,124 | 8/5/2022 |
2.0.0 | 794 | 12/7/2021 |
2.0.0-beta2 | 1,563 | 11/26/2021 |
2.0.0-beta | 299 | 10/16/2021 |
0.1.0 | 482 | 8/25/2020 |