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.

Graphic Design
SkillShare logo

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.

     0 |
  • Reviews ( 0 )
Free
Make Your Website Shine with an Animated Tagline – Using an SVG and CSS Animations

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon24 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

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..