Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
With the CSS3 transition properties, it is possible and easy to add interactivity and enhance the user experience of your webpage by using CSS only. CSS3 transitions allows you to change property values smoothly over a given duration.
In this course, we will explore the different options of animation techniques that you can use to bring elegant animations and life to a webpage.
The course covers a range, from simple to complex, of demonstrations and examples that you can use in your own work or project to impress your audience.
The course also includes a challenge assignment as well as a final project to apply what you have learned and put all of it in practice.
You will learn how to:
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction|
What you need to get started
You can download the course files zip folder in Lecture 5. Click on View resources in the upper right corner to find the zip folder.
|Section 2: CSS Transition Fundamentals|
The transition property
Browser support and Vendor Prefixes
CSS syntax | Transition properties & Vendor prefixes
|Section 3: CSS Transition demonstrations|
Blue to redPreview
Square to rectangle
Square to circle
|Section 4: Challenge - Squeeze page|
Animating color changes
Fading elements in and out
|Section 5: Project : portfolio|
Navigation Bar : smooth transition effect
Header - Creating a Mouseover Fade Effect
About Section - Image Hover Effect
The Gallery - Multiple Transition Effects
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.
I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.
Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.