15 The Best CSS Tricks 2021

Today I'll show you 15 the best CSS tricks 2021 year could see! CSS is Cascading Style Sheets and is used to describe how HTML elements should display. It’s one of the first technology learned by soon to be front-end and web developers, and it’s an absolute have to know basic. Although it seems CSS can’t do a lot besides giving our HTML colors, positions, etc., but it can also let us create animations and bring some life to our apps and websites. Probably now many of us take care of mastering CSS and learning it so deeply, but it’s totally worth to know some useful tips and tricks which may help you to create stunning websites! Are you ready to check out 15 tips and tricks which can change your CSS usage from now? Let’s start! Subscribe ► /channel/UCPQy6LADYYamG_4a6TSIelQ *************************************** Additional Resources The written version of this video: https://www.blog.duomly.com/12-css-tips-and-tricks-which-help-you-to-create-an-amazing-websites/ *************************************** Subscribe ► /channel/UCPQy6LADYYamG_4a6TSIelQ 00:00 - Intro to 15 The Best CSS Tricks 2021 00:34 - How to vertically align element by CSS flex 02:13 - CSS blend modes 05:42 - How to do parallax scroll with CSS 08:31 - Shape outside 09:49 - Truncate text with CSS 10:50 - Clip path with CSS 13:50 - Full height and full width with CSS 14:46 - CSS image filters 18:16 - CSS animations tutorial 22:12 - Rotate CSS 24:07 - Mask CSS 25:25 - Zoom on hover CSS 26:38 - Frozen glass UI CSS 30:54 - How to build carousel with CSS only 34:39 - How to use CSS variables MEET US: Website ► https://www.duomly.com Blog ► https://www.blog.duomly.com Facebook ► https://www.facebook.com/duomlyapp/ Twitter ► https://twitter.com/duomly Instagram ►https://www.instagram.com/duomly_programming_courses/ Linkedin ► https://www.linkedin.com/company/duomlyapp/

الفئة