Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Dismiss
  1. Web Design
  2. Animation
Webdesign

Practical Web Animation

by
Lessons:33Length:4.8 hours
AnimationjQueryCSS
Practical web animation 400x277
For full access to all 33 lessons, including source files, subscribe with Elements.
  • Overview
  • Transcript

8.1 Final Thoughts

Most new designers and developers don’t realize just how much can be done without writing more than one or two lines of CSS and JavaScript. Hopefully, you’ve enjoyed creating some really eye-catching effects without having to rely on hours of coding to get it right. I look forward to seeing how you apply what you’ve learned!

1.Introduction
3 lessons, 07:12

Free Lesson
1.1
Introduction
00:30

Free Lesson
1.2
CodePen
02:26

1.3
Using External Libraries in CodePen
04:16

2.Animation Refreshers
2 lessons, 15:09

2.1
CSS Animation Refresher
06:21

2.2
jQuery Animation Refresher
08:48

3.Button Animations
12 lessons, 1:53:20

3.1
Styling Your Navigation
11:16

3.2
Simple Button Fades
09:55

3.3
Animating Multiple Properties
06:19

3.4
Before and After
08:53

3.5
Background Swipe
12:31

3.6
Background Swipe Variations
06:28

3.7
Text Scroll
08:54

3.8
Setting Up Your Buttons
09:56

3.9
Expanding Buttons
12:53

3.10
Setting Up 3D Buttons
09:33

3.11
Animating the 3D Buttons
09:55

3.12
Subtle 3D Hover Effect
06:47

4.Image Animations
3 lessons, 25:57

4.1
Basic Image Hover Effects
11:31

4.2
Images and Captions
08:52

4.3
Animating the Images
05:34

5.Other Web Elements
6 lessons, 1:07:16

5.1
Floating Form Labels
06:07

5.2
Animating the Labels
11:03

5.3
Animated Panels
12:02

5.4
Panels and Bullets
13:09

5.5
Styling the Pricing Tables
12:50

5.6
Creative Product Selection
12:05

6.Bonus Projects
3 lessons, 26:43

6.1
Responsive Animation
06:33

6.2
Image Animations
10:29

6.3
CSS Slider
09:41

7.Bonus Projects II
3 lessons, 33:50

7.1
Background Animation
10:01

7.2
Spinning Buttons
09:33

7.3
Submit Button Animation
14:16

8.Conclusion
1 lesson, 00:39

8.1
Final Thoughts
00:39

Craig Campbell
Craig Campbell
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.
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories