These 8 CSS tips and tricks will make you pro in CSS🎨
🧵 👇🏻
1️⃣ Create round text
Creating round text on your website is easy
2️⃣ Change the marker of list element
- The "type" attribute of <ol> element accpets 5 type of values 👇🏻
3️⃣ Text border
- You can create outline around your text using one line of CSS
4️⃣ Negative nth-child selector
- Use negative "nth-child" and select element from 1 to n
5️⃣ Image-rendering CSS property
- The "image-rendering" CSS property tells the browser how the image should be zoomed-in or zoomed-out.
6️⃣ Gradient border
- We can't create gradient border directly but we have a trick
7️⃣ Change styling of video subtitles
- You can style the subtitles of video on your website using ::cue pseudo-element
8️⃣ Custom list point
- You can pass emoji hex code in list-style-type to create custom list point
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.