Writing Keyframe Animations

Keyframe animations are a powerful way to create smooth animations on the web. You can use them in addition to the regular animation functionailty in Bootstrap Studio.

To add a keyframe animation block to your CSS file, just type @keyframes as the start of a new CSS selector.

After you've defined it, you can apply your animation to an element with an animation css rule: animation: 2s test123. You can learn more on the MDN animations page.