- 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
1.1Introduction00:30
1.2CodePen02:26
1.3Using External Libraries in CodePen04:16
2.Animation Refreshers
2.1CSS Animation Refresher06:21
2.2jQuery Animation Refresher08:48
3.Button Animations
3.1Styling Your Navigation11:16
3.2Simple Button Fades09:55
3.3Animating Multiple Properties06:19
3.4Before and After08:53
3.5Background Swipe12:31
3.6Background Swipe Variations06:28
3.7Text Scroll08:54
3.8Setting Up Your Buttons09:56
3.9Expanding Buttons12:53
3.10Setting Up 3D Buttons09:33
3.11Animating the 3D Buttons09:55
3.12Subtle 3D Hover Effect06:47
4.Image Animations
4.1Basic Image Hover Effects11:31
4.2Images and Captions08:52
4.3Animating the Images05:34
5.Other Web Elements
5.1Floating Form Labels06:07
5.2Animating the Labels11:03
5.3Animated Panels12:02
5.4Panels and Bullets13:09
5.5Styling the Pricing Tables12:50
5.6Creative Product Selection12:05
6.Bonus Projects
6.1Responsive Animation06:33
6.2Image Animations10:29
6.3CSS Slider09:41
7.Bonus Projects II
7.1Background Animation10:01
7.2Spinning Buttons09:33
7.3Submit Button Animation14:16
8.Conclusion
8.1Final Thoughts00:39
8.1 Final Thoughts
Hello, and welcome back to practical web animation. Throughout this course we've talked about numerous different ways that we can create some elegant, subtle animations using CSS, and jQuery, and as you've heard me say over, and over again I want to encourage you to experiment. That's really the best way to learn is just by experimenting with different ideas, play around with different properties that you might not have thought to animate before. And I have no doubt that in your experimentation you'll come up with some really creative ideas for your own animations, so once again, I wanna thank you so much for watching, my name is Craig Campbell, and I'll see you next time.
