Animated Banners with CSS

with

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!

1× speed

Free Preview: Animated Banners with CSS

Introduction

00:56

1.Welcome
2 lessons, 01:59

Free Preview
1.1
Introduction
00:56

Free Preview
1.2
What We're Building
01:03

2.Designing the Banner in Photoshop
7 lessons, 47:29

2.1
Creating the Banner Background
07:22

2.2
Downloading Fonts
03:00

2.3
Adding Text
08:18

2.4
Creating Snow
08:32

2.5
Looping Animations Explained
04:02

2.6
Exporting the Snow Layers
07:51

2.7
Exporting Other Graphics
08:24

3.Building the Banner
7 lessons, 52:52

3.1
Building the HTML
10:32

3.2
Styling the Background
06:06

3.3
Importing Our Fonts
06:35

3.4
Absolute Positioning
06:31

3.5
Positioning Text and Images
10:45

3.6
More Text Positioning
06:57

3.7
Changing the Stacking Order
05:26

4.Animating the Banner
9 lessons, 1:29:21

4.1
Let it Snow
10:14

4.2
Charting the Animation
13:36

4.3
Animating the Heading Text
09:29

4.4
More Heading Animations
19:04

4.5
Text Animations (Part 1)
07:25

4.6
Text Animations (Part 2)
07:28

4.7
Text Animations (Part 3)
09:19

4.8
Evergreens and Snowmen
09:48

4.9
Clickable Banners
02:58

5.Finishing Up
1 lesson, 01:29

5.1
Final Thoughts
01:29


Preview for Animated Banners with CSS
Lessons:
26
Length:
3.2 hours
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.
+ Expand Bio- Collapse Bio