![]() Animation durations can be configured via SASS SCSS variables.With the cylon animations, the left-right movement (or up-down movement) extends past the icon's bounding box by +/- 25%, so you may need to adjust padding or margins to compensate for your use case.The animation prop translates to the class name b-icon-animation- and pass the custom animation name to the animation prop. The BootstrapVue defined icon animation effects require BootstrapVue's custom CSS. Cylon animation: Vertical cylon animation: Fade animation: Spinning animation: Reverse spinning animation: Pulsing spin animation: Reversed pulsing spin animation: Throb animation: Īs the animations are CSS based, they are applied after any SVG transforms have taken place: To use the animation, set the animation prop to one of the animation names above. ![]()
0 Comments
Leave a Reply. |