Scroll into view
Animations
Copy this section into your styleguide.
1. Select an element you want to animate
2. Press CMD + 'Enter' to quickly navigate to style selector . (Ctrl + 'Enter' on Windows PCs)
3. Type '8' as a shortcut to see a list of the below animations.(matches the class name 'anim8_')
4. Pick your desired effect and check out your new animation in preview 🎉
5. Rinse & Repeat for any desired elements
2. Press CMD + 'Enter' to quickly navigate to style selector . (Ctrl + 'Enter' on Windows PCs)
3. Type '8' as a shortcut to see a list of the below animations.(matches the class name 'anim8_')
4. Pick your desired effect and check out your new animation in preview 🎉
5. Rinse & Repeat for any desired elements
anim8_slide-up
In this instance, 'su' means 'slide up'. 'd15' = 'delay 150ms'
anim8_su-d15
anim8_su-d15
anim8_su-d15
anim8_su-d30
anim8_su-d45
anim8_slide-from-left
anim8_sfr
anim8_sfr-d15
anim8_sfr-d30
anim8_sfr-d45