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.

Development
SkillShare logo

Getting Started With CSS Animations

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Getting Started With CSS Animations

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 3 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Getting Started With CSS Animations

Welcome To The Class!

Share Your Work On Skillshare!

Animation 1: Basic Animations & Keyframes

Animation 2: Combining Animations

Animation 3: Easing & Skewing Text

Animation 4: Delays & Translate

Animation 5: Sliding Text

Animation 6: Variables, Rotate & Calculating Delays

Animation 7: Moving Colors

Animation 8: Bouncing Letters

Animation 9: Glow Effect

Animation 10: Background Wave & Clip Paths

Thank You

What You Will Learn?

  • CSS animations are a really great way to make your website or app projects stand out from the crowd. .
  • With so many stunning websites out there, it can be hard to stand out and grab a user's attention! One useful way to do this is to add some animations to any headline text, such as a page title or any other important text, or any other element on your website..
  • And with only a little HTML & CSS knowledge you can create stunning animations using only CSS. We can animate from any CSS property value to another..
  • All we need to get going is a basic understanding of HTML & CSS, no JavaScript or programming knowledge is needed! .
  • You will learn all kinds of useful techniques such as keyframes, fill modes, the duration of animations, delays, easing effects, calculating values with variables, combining animations, polygons, clip paths, and also some general CSS..
  • This class is beginner friendly, although a little exposure to HTML & CSS will be an advantage as it will be assumed you know the basics..
  • Everything is created for free in the browser, nothing extra is needed so we can get going right away. I look forward to welcoming you into the class!.