When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Make Your Website Shine with an Animated Tagline – Using an SVG and CSS Animations
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography. Explore thousands of engaging courses and develop new skills at�your�own�pace!
Free
This Course Includes
skillshare
0 (0 reviews )
24 minutes 
english
Online - Self Paced
course
SkillShare
About Make Your Website Shine with an Animated Tagline – Using an SVG and CSS Animations
Introduction
Creating Your SVG
Prepping Your SVG for Animation
Exporting Your SVG File
Accessibility & SEO Considerations
Adding Your SVG Code to Your Site
Basic Styles for Your SVG
CSS Animation Basics
Setting Up Your CSS
Writing Your CSS Animations
Conclusion
What You Will Learn?
- Create an animated tagline or headline for your website, using an SVG and CSS animations. Easily customize for your own website by switching out the icon and tagline text. .
- In this 25-minute class, we’ll cover building your SVG, prepping it for animating, adding your SVG file to your site, some CSS animation basics, and building your CSS animations file. .
- At the end, you’ll have an animation that will set your site apart from the rest..
- This class is geared toward website DIYers or designers and developers who provide website services to others and want to provide that next-level service to their clients..
- Prior to this class, you’ll need to have experience with Adobe Illustrator, HTML, and CSS..