Thread by @Prathkum

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

https://twitter.com/Prathkum/status/1358077840856612866?s=20

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