Back to Browse

Bricks Viewport Animations and JavaScript Events

3.0K views
Sep 19, 2022
41:29

This video is my first for Bricks Builder. I have translated the code I created for Elementor to work with Bricks. This is based on Bricks Builder 1.5.2 This code adds detection of elements within a vertical viewport you can then: * Automatically trigger in and out of viewport animation * In and out of viewport JavaScript events * Manual triggering of animations. See GitHub here: https://github.com/wpeasy/animate-in-viewport Code is in the Bricks folder. This video covers how to use the code and some of the code basics. My next video will go into the code in detail. 0:00 Introduction 04:20 Adding tracking and animations to Bricks Builder 11:44 Using triggered JavaScript events 17:00 Using custom inline CSS to animate when triggered 26:00 Manually triggering in/out states based on another tracked element 31:17 How to create and use the CSS Animation classes.

Download

1 formats

Video Formats

360pmp466.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Bricks Viewport Animations and JavaScript Events | NatokHD