Custom Text Highlight in HTML with ::selection pseudo-element in CSS

Опубликовано: 19 Октябрь 2024
на канале: Kode
560
4

Use ::selection to highlight text with custom styles. Pseudo-element in CSS.

Do not click this 🥴: https://bit.ly/352wEsG

Codepens:
https://codepen.io/katydecorah/full/5...
https://codepen.io/shadeed/full/50749...

Check MDN article: https://developer.mozilla.org/en-US/d...

Timestamp:
00:00 - Demo
03-10 - Let's code
05:18 - Global selection styling
07:00 - Specific element selection
08:15 - Disable text selection

Worth checking:-
Best text editors 2021:    • Best text editors 2021 for web develo...  
Host react app on 000webhost:    • Host react website on 000webhost.com ...  
Keys in DBMS:    • What are Primary, Candidate and Alter...  
Make a website in 10minutes:    • How to make a responsive website in 1...  
Hosting websites for free(playlist):    • Free Web Hosting  

Find on other sites:
Github: https://www.github.com/aashishpanthi
Medium:   / aashishpanthi  

#programming