Cool UI Effect with SVG Clip Path, CSS Aspect Ratio & More..

by | Mar 7, 2021 | 0 comments

Cool UI Effect with SVG Clip Path, CSS Aspect Ratio & More..

by | Mar 7, 2021 | CSS Tips and Tricks | 0 comments



https://bit.ly/2MMrQSq – Become a frontend developer (50% off limited time!)
— Want to learn UI/UX? https://designcourse.com​
— Today, we’re going to hop back into the world of frontend development (of the intermediate/advanced variety) to create a cool UI effect using SVG clip path, the new CSS aspect-ratio, and much more.

Codepen demo for this project:
https://codepen.io/designcourse/pen/qBqdoYe

Unsplash credits:
https://unsplash.com/photos/GYumuBnTqKc
https://unsplash.com/photos/xT7OuIFew3Q

0:00 – Introduction
1:46 – An Awesome Offer
2:20 – Creating the SVG
5:00 – Project Structure
6:18 – Writing the HTML
9:43 – Writing the CSS
21:10 – Closing

Let’s get started!

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS!

Learn UI/UX: 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 Designcourse.com.

Come to my discord server or add me on social media and say Hi!

source