These 8 CSS tips and tricks will make you pro in CSSπ¨
𧡠ππ»
𧡠ππ»
1οΈβ£ Create round text
Creating round text on your website is easy
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 ππ»
- 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
- 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
- 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.
- 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
- 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
- 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
- You can pass emoji hex code in list-style-type to create custom list point
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
