Animate CSS Block
23 sites
Security covered
This module allows you to easily add Animate CSS animations to your Drupal blocks. You can configure various animation effects, including delays, speeds, and repetitions, directly from the block settings. It also offers features for smooth animation transitions, event-based triggers, and live previews.
This module enables easy integration of Animate CSS for blocks, allowing for streamlined animation configuration and customization.
Features
- Effortless Block Animation: Enable animations for any block with easy configuration from block settings.
- Wide Range of Animations: Choose from a variety of animations to enhance your site’s user experience.
- Customizable Delays & Speeds: Set custom delays and adjust animation speeds to fit your needs.
- Animation Repetition: Control how many times animations repeat for dynamic effects.
- Clean Previous Classes: Remove old Animate.css classes to avoid conflicts with new settings.
- Display Fixes: Automatically adjust display properties for smooth animations.
- Event-Based Triggers: Trigger animations on specific events for more control.
- Live Preview: See your animation settings in real-time before saving.
- Scroll Reveal Integration: Add scroll-triggered animations with AOS or WOW JS integration.
- Customizable Form Settings: Personalize the block configuration form with tailored options.
- User-Friendly Interface: Simple, intuitive interface for configuring animations easily.
Requirements
- Animate CSS (Module)
integrates the Animate.css library with Drupal which allows you to makes cross-browser animations for use in your web projects. - Animate.css (Library)
is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
Support
Please let me know if a new feature is needed or if there are any issues and feedback. You can announce it in the AnimateCSS Block Issues section.