Udemy

Level Up Your CSS Animation Skills

立即報名
  • 25,554 名學生
  • 更新於 3/2021
4.4
(457 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
3 小時 42 分鐘
教學語言
英語
授課導師
Donovan Hutchinson
評分
4.4
(457 個評分)
3次瀏覽

課程簡介

Level Up Your CSS Animation Skills

A practical guide to creating amazing CSS animation on the web

Bring animation to your websites and stand out from the rest. By the end of this course you'll have the skills and confidence to build impressive animated landing pages.

Through almost 4 hours of high quality video lessons, I'll guide you through building animated hover and button animations, activate animations on scroll, make use of parallax animations, responsive animations and more.

Each section includes fully working examples that you can apply to real-world projects. Learn practical skills you can apply to future work.

The perfect primer for anyone who’s looking to add animations to their websites. It was the perfect balance of theory and practical examples and I recommend it highly.

- Andrew Clarke, Author of Hardboiled Web Design

Now is the time to learn CSS animation

As browsers (including mobile) continue to get more powerful, we have more opportunities than ever to bring animation into our designs. At the same time, quality user experience is a massive differentiating factor for web and app-based businesses.

Adding the right animation to your designs will help your sites and apps shine and help your apps stand out from the rest.

Who this course is for

You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You're already creating websites but you want to take your knowledge to the next level. This is the course for you. This course will give you the practical tools you need to bring animation to your projects.

This is a video course full of real downloadable code examples. You'll be able to take the knowledge, as well as the real working code, to your projects and make sure they stand out.

Learn by doing

Most courses concentrate only on the theory. In this course we’ll create a practical example landing page, step by step. Over 6 modules of practical, hands-on lessons, we’ll create real examples of animation you can use on your own projects.

Help and inspiration

Not only do you get a load of practical, useful starting projects in this course, you can also head over to CSSAnimation.rocks for more, and even sign up to a weekly newsletter packed full of tutorials, inspiration and tips for animating on the web.

- Donovan

課程章節

  • 6 個章節
  • 32 堂課
  • 第 1 章 Build an animated hero header
  • 第 2 章 Touch and hover animations
  • 第 3 章 Scroll and parallax animations
  • 第 4 章 Animated carousel
  • 第 5 章 Adjusting animations to screen sizes
  • 第 6 章 Congratulations!

課程內容

  • Building an animated landing page
  • Stand out with an animated hero header
  • Hover, touch and button animations
  • Create scroll and parallax animations
  • Build your very own animated carousel
  • Explore responsive animations
  • Assembling your own animated web pages
  • Includes pre-built examples to get started quickly

評價

  • P
    Pete McBride
    4.5

    Great course with practical examples. Nice voice and easy to follow.

  • C
    Connie J Rehfeld
    5.0

    Love css animation!

  • R
    Rowan Carlsen
    5.0

    Learned a lot, and the presentation was engaging and well designed. The instructor also answered a question I submitted very quickly, even though the course is a couple of years old.

  • J
    Julind Thana
    5.0

    Just what I was looking for! Great course! The only thing is that the author should include in the title that JavaScript is also used during most of the course.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意