Animate-CSS
Animate.CSS : Just-add-water CSS animations
A cross-browser library of CSS animations. As easy to use as an easy thing. See http://daneden.github.io/animate.css .
Vaadin Flow version.
Sample code
package com.infraleap.vaadin; import com.infraleap.animatecss.Animated; import com.vaadin.flow.component.button.Button; import com.vaadin.flow.component.notification.Notification; import com.vaadin.flow.component.orderedlayout.VerticalLayout; import com.vaadin.flow.router.Route; /** * The main view contains a button and a click listener. */ @Route("") public class MainView extends VerticalLayout implements Animated { public MainView() { this.animate(Animation.BOUNCE_IN_LEFT); Button button = new Button("Click me", event -> Notification.show("Clicked!")); add(button); } }
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Another small API extension, so that not only to HasStyle but also to HasElement animations can be applied.
- Released
- 2020-10-11
- Maturity
- STABLE
- License
- MIT License
Compatibility
- Framework
- Vaadin 10+
- Vaadin 14+ in 2.0.1
- Vaadin 13+ in 1.0.1
- Browser
- Firefox
- Opera
- Safari
- Google Chrome
- iOS Browser
- Android Browser
- Internet Explorer
- Windows Phone
- Microsoft Edge