15 Tweets 14 reads Apr 15, 2022
โšก Day - 03 of ๐Ÿญ๐Ÿฌ ๐—ฑ๐—ฎ๐˜†๐˜€ ๐—ผ๐—ณ ๐—–๐—ฆ๐—ฆ ๐— ๐—ฎ๐˜€๐˜๐—ฒ๐—ฟ๐˜† โšก
โœง CSS concepts covered in this thread ๐Ÿงตโ‡ฉ
- CSS Color values
- Oveflow in CSS
- CSS Borders
- CSS Outline
- Border โš” Outline
- CSS box-shadow()
Let's go!! โ‡ฉ
๐Ÿ“Œ CSS Color Values โ‡ฉ
๐Ÿ“Œ What is Overflow in CSS?
โ‡จ Overflow specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area.
It has 4 values:
โœฉ visible
โœฉ hidden
โœฉ scroll
โœฉ auto
You can access codepen for better understanding of CSS overflow โœจ
codepen.io
๐Ÿ“Œ Borders in CSS โ‡ฉ
You can access codepen for better understanding of border-styles in CSS โœจ
codepen.io
๐Ÿ“Œ Border vs Outline in CSS โ‡ฉ
โ‡จ An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element "stand out".
You can access codepen for better understanding of border-styles in CSS โœจ
codepen.io
๐Ÿ“Œ CSS Box-shadow() Function โ‡ฉ
You can create some amazing UI just with changing some box-shadow values which I covered in this thread โ‡ฉ
๐Ÿ Final Words
โœง Though I have covered some basic styling here but still there are much more to explore in this topic.
โœง If you really want to deep dive you can explore MDN docs which are really good for CSS & JavaScript!
๐Ÿ’ญ Feedbacks
โœง After reading through entire thread, have you learnt something worth?
โœง What improvements will you suggest?
I will be happy to hear from you. Feedbacks from you would help me sharing better contents in future.
๐Ÿ“Œ If you are interested in following this series โ‡ฉ
โ‡ Follow @Aakash_codes โœ“
โ‡ To never miss anything, keep your ๐Ÿ”” ON.
โ‡ Share it with your friends if they are interested!
Thanks for the support ๐Ÿ’œ
Here is the complete infographic for series โ‡ฉ

Loading suggestions...