How to Rotate a Typograghic Badge using Webflow Animations
-- SKILLSHARE --
If you're a beginner or intermediate user, check out my Skillshare class: "Webflow for Beginners." Together, we create a simple one page portfolio website for a photographer, starting with the assumption you don't have any experience with HTML, CSS, or Webflow. Use the link below to get 2 months of Skillshare for free.
https://skl.sh/2PU9tML
ABOUT -
Designing badges is a lot of fun. But animating them is even more so. In this tutorial I used Webflow's native animations to rotate text around a play button.
CHAPTERS -
00:00 | Intro
01:55 | Styling the light box
05:45 | Exporting the badge SVG
07:20 | Positioning the badge
09:10 | Animating the badge
14:00 | Conclusion
Project Links:
URL: https://jocando-tutorials.webflow.io/...
Read Only Link: https://preview.webflow.com/preview/j...
RESOURCES -
Font: Inter by Rasmus Andersson
https://rsms.me/inter/
ABOUT ME -
Serve - My Creative Studio’s Site
https://www.madebyserve.com/
Dribbble
https://dribbble.com/Jose_Ocando
Twitter
/ jaocando
Instagram
/ jose.a.ocando
