Check out these cool websites for icons👇
🔹
🔸
🔹
🔸
🔹
🔸
🔹
🔸
🔹
🔹
icons .getbootstrap.com🔸
simpleicons .org🔹
boxicons .com🔸
css .gg🔹
evil-icons .io🔸
feathericons .com🔹
heroicons .dev🔸
teenyicons .com🔹
iconpark .bytedance.comCSS Tip🎨
You can pass emoji hex code in list-style-type to create custom list point
You can pass emoji hex code in list-style-type to create custom list point
Forwarded from Learn Html
✨3 websites I recommend every newbie to master their HTML and CSS skills✨
1.
2.
3.
1.
frontendmentor .io2.
devchallenges .io3.
awwwards .comHTML and CSS templates👇🏻
🔹templatemo .com
🔸templated .co
🔹html5up .net
🔸mashup-template .com
🔹uideck .com
🔸onepagelove .com
🔹splawr .com
🔸W3.CSS templates
🔹tooplate .com
🔸free-css .com
🔹w3layouts .com
🔸nicepage .com
🔹html5-templates .com
🔹templatemo .com
🔸templated .co
🔹html5up .net
🔸mashup-template .com
🔹uideck .com
🔸onepagelove .com
🔹splawr .com
🔸W3.CSS templates
🔹tooplate .com
🔸free-css .com
🔹w3layouts .com
🔸nicepage .com
🔹html5-templates .com
Circle
- Pretty simple, we just need to make a square and apply the border-radius 50% in order to give it a circular shape .
- Pretty simple, we just need to make a square and apply the border-radius 50% in order to give it a circular shape .
Semi-circle
- Create a rectangle
- Apply border radius top left and top right same as height of the rectangle .
- Create a rectangle
- Apply border radius top left and top right same as height of the rectangle .
Triangle
- Creating a triangle is little bit tricky
- Set height and width as zero
- To make this, we draw a solid border and make the side border transparent
- Creating a triangle is little bit tricky
- Set height and width as zero
- To make this, we draw a solid border and make the side border transparent