Register to unlock

This video is for pro members.

Membership Benefits
As a member of NoCodeDevs, you'll be able to access exclusive tutorials, save your favorite tutorials, follow creators, and save tools.
Community Support
You'll also get access to our amazing community, receiving Newsletters that feature the latest no-code tools, tips, and tricks to help accelerate your learning.
Register to unlock

This video is for pro members.

Membership Benefits
As a member of NoCodeDevs, you'll be able to access exclusive tutorials, save your favorite tutorials, follow creators, and save tools.
Community Support
You'll also get access to our amazing community, receiving Newsletters that feature the latest no-code tools, tips, and tricks to help accelerate your learning.

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." Toge
-- 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/circle-badges Read Only Link: https://preview.webflow.com/preview/jocando-tutorials?utm_medium=preview_link&utm_source=designer&utm_content=jocando-tutorials&preview=b1ade817df2e41566f53d6b876d5b9f9&pageId=5fc59d572b09e4020f963972&mode=preview - 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 https://twitter.com/jaocando Instagram https://www.instagram.com/jose.a.ocando/
App Building
3. Chrome Extension - Getting Info from the Browser
App Building
App Building
4. Chrome Extension - Exporting & Testing the Chrome Extension
App Building
App Building
2. Chrome Extension - Creating the Extension Page
App Building
App Building
Turn Any Google Sheet Into An App using Thunkable | No-Code Tutorial
App Building
Automation
Linking your Airtable with Xano
Automation
Automation
Mobile Workforce Management
Automation
Automation
Operations Management
Automation
Automation
System Integration
Automation