https://github.com/kevinbatdorf/animate-in-view

A Gutenberg block to animate in a block when in view
https://github.com/kevinbatdorf/animate-in-view

Last synced: 2 months ago
JSON representation

A Gutenberg block to animate in a block when in view

• Host: GitHub
• URL: https://github.com/kevinbatdorf/animate-in-view
• Owner: KevinBatdorf
• Created: 2022-04-24T19:12:35.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-13T18:44:30.000Z (5 months ago)
• Last Synced: 2024-11-01T03:42:00.966Z (2 months ago)
• Language: TypeScript
• Size: 1.68 MB
• Stars: 7
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
A Gutenberg block that animates in when coming into view.

[![Twitter](https://img.shields.io/twitter/url/https/twitter.com/kevinbatdorf.svg?style=social&label=Follow%20%40kevinbatdorf)](https://twitter.com/kevinbatdorf)

View this block plugin [on WordPress.org](https://wordpress.org/plugins/animate-in-view)

## Features

- Set a threshold for when the block starts to animate

- Wrap existing blocks with the Animate In block

- Run only once, or each time it comes in/out of view

- Transition in left, right, or neither (fade only)

- Change the class name used to add your own custom animations

## Example Screenshots

![alt text](.wordpress-org/screenshot-1.gif "Example")

![alt text](.wordpress-org/screenshot-2.png "Example 2")