Categoría: ANIMATIONS BRICKS FREE
-

How to animate notations on scroll using RoughNotation.js in Bricks
This tutorial provides the PHP & JS codes that can be pasted in order to animate notations on scroll using the RoughNotation library inside the Bricks Builder. Table of Contents Requirements The JavaScript Enqueue the script The HTML code Conclusion Requirements Bricks Theme (any version) Bricks Child Theme activated The JavaScript First of all, let’s create our…
-

Custom Animations on Scroll without plugins in Bricks
This tutorial provides the JavaScript and CSS codes that can be pasted in order to create custom CSS animations on scroll without any third-party plugins in Bricks Builder. 3 examples of custom animations Slide-up First of all, let’s create a new class custom-animation-on-scroll and assign it to the element we want to animate. This class doesn’t…
-
How to integrate fullPage.js with Bricks
This tutorial provides the JavaScript and CSS codes that can be pasted in order to integrate the JS library fullPage.js inside Bricks Builder. The HTML Structure fullPage.js requires a specific DOM structure in order to work. it needs: a wrapper. We are going to use the <main> element of our site. the inner sliding sections need…