How To Create Animated Banners with CSS Premium class

Craig Campbell, Web designer/developer from Fort Worth, TX

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
26 Videos (3h 13m)
    • Introduction

      0:56
    • What We're Building

      1:03
    • Creating the Banner Background

      7:22
    • Downloading Fonts

      3:00
    • Adding Text

      8:18
    • Creating Snow

      4:02
    • Looping Animations Explained

      8:32
    • Exporting the Snow Layers

      7:51
    • Exporting Other Graphics

      8:24
    • Building the HTML

      10:32
    • Styling the Background

      6:06
    • Importing Our Fonts

      6:35
    • Absolute Positioning

      6:31
    • Positioning Text and Images

      10:45
    • More Text Positioning

      6:57
    • Changing the Stacking Order

      5:26
    • Let it Snow

      10:14
    • Charting the Animation

      13:36
    • Animating the Heading Text

      9:29
    • More Heading Animations

      19:04
    • Text Animations (Part 1)

      7:25
    • Text Animations (Part 2)

      7:28
    • Text Animations (Part 3)

      9:19
    • Evergreens and Snowmen

      9:48
    • Clickable Banners

      2:58
    • Final Thoughts

      1:29

This class is no longer available.

About This Class

In this course Craig Campbell will show you how you can use CSS to create cool-looking animated banners for your web pages. Not that long ago, this is something we could only do using jQuery or even Flash. Well, not anymore!

68

Students

--

Projects

0

Reviews (0)

Craig Campbell

Web designer/developer from Fort Worth, TX

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.