When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Make Your Website Stand Out with HTML, CSS and Web Animations
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Free
This Course Includes
skillshare
0 (0 reviews )
1 hours 7 mintues 
english
Online - Self Paced
course
SkillShare
About Make Your Website Stand Out with HTML, CSS and Web Animations
Introduction
Introduction to CodePen
Background Gradients
Animated Hero Text
CSS Shapes
Angled Edges
CSS Filters
CSS Blend Modes
Bonus: SVG Animation, Part I
Bonus: SVG, Animation, Part II
Site Considerations
Conclusion
What You Will Learn?
- Are you looking to add a bit of creativity and uniqueness to your website? With HTML, CSS, and web animations, anything is possible! .
- In this class, I’ll show you how to take your website or web application’s homepage or landing pages up a notch by introducing some extra design elements, primarily using HTML and CSS. We’ll also dive into some CSS-based animations as a way to add a bit of visual interest..
- Using CodePen, you’ll learn how to:.
- Plus, I’ll share some tips and resources for choosing an appropriate design enhancement for your website, based on your site’s goals..
- Whether you’re a freelancer looking to build more effective sites for clients, or a side hustler looking to build a more effective business site, you’ll learn techniques for introducing some design enhancements that provide a more engaging and memorable experience for site visitors..
- Note: For the best viewing experience, watching the videos in full-screen mode is recommended. If your screen real estate is limited, see the CodePen links provided to view the source code for lessons..