Awesome UI Interactions with the CSS Clip Path Property
Hey all! Today, we're going to take a close look at the CSS clip-path property. Specifically, we'll take a look at 3 different examples of how to use clip-path to create a micro interaction that reveals a card of information.
Codepen demo:
https://codepen.io/designcourse/pen/vqPWbJ
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Coursetro.com.
Come to my discord server or add me on social media and say Hi!
Видео Awesome UI Interactions with the CSS Clip Path Property канала DesignCourse
Codepen demo:
https://codepen.io/designcourse/pen/vqPWbJ
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Coursetro.com.
Come to my discord server or add me on social media and say Hi!
Видео Awesome UI Interactions with the CSS Clip Path Property канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for Beginners7 Design Portfolios that I MIGHT Rate a 10!Formas Personalizadas y Animadas con Clip Path CSSThe 2020 Logo Design (Mini) Crash CourseJessica Chan challenged me to CSSBattleCool UI Effect with SVG Clip Path, CSS Aspect Ratio & More..How to make shapes with CSSYour Layouts are BORING! Layout Design TutorialTop 10 CSS Tricks You Didn't Know!I Challenged The CSS King To A CSS BattleLearn CSS Position In 9 MinutesComplex CSS Backgrounds with a Single Property!? #repeatinggradientsThe 2019 UI Design Crash Course for BeginnersHow you can simplify your CSS with :is()Learn Sass in this Free Crash Course - Give your CSS Superpowers!Curved/Custom DIV Shape Tutorial - CSS & SVGMake Awesome SVG Animations with CSS // 7 Useful TechniquesI Challenged An Expert Designer To A CSS BattleSTOP The CSS Grid Confusion - 2 Ways to GRID!Designing & Building a Personal Portfolio from SCRATCH!