/20-css-tricks

Notes about the course "20 CSS Tricks You Probably Haven't Used Before "by Aga Naplocha at Skillshare

Primary LanguageHTMLMIT LicenseMIT

20 CSS Tricks You Probably Haven't Used Before

Trick #1 - Multiple backgrounds

background-attachment: fixed;
position: relative;
background-color: #f3b70f;
background-image: url('../img/hand.jpeg'), url('../img/colors.jpg');
background-size: 430px, 450px;
background-repeat: no-repeat;
background-position: top left, right;

Trick #2 - Viewport width & height units

width: 100vw;
height: 80vh;

Trick #2 - Font shorthand

font: normal normal 900 100px/0% 'Darker Grotesque', sans-serif;
/* font-style font-variant font-weight font-size/line-height font-family */