DEV Community

CSS tricks you probably didn't know about.

Dima Prohorenko on March 01, 2021

Today I'm gonna share with you some cool css selectors. Let's start with counter. To style numbers in a numbered list, we need to pla...
Collapse
 
adam_cyclones profile image
Adam Crockett πŸŒ€ • Edited

I knew about them so I'm going to up the stakes.

How about this:

background: background;

It's a fun trivia one that many people do not know about.

border-radius: 9e9rem;

Now that's what I call round

πŸ˜‚

Collapse
 
sasscrafter profile image
Dima Prohorenko

πŸ˜‚πŸ˜‚πŸ˜‚ now I do;)

Collapse
 
adam_cyclones profile image
Adam Crockett πŸŒ€

I have plenty more of this stuff in my posts, the JS labeled loops one is a popular read

Thread Thread
 
sasscrafter profile image
Dima Prohorenko

I’ll definitely check it out

Collapse
 
adam_cyclones profile image
Adam Crockett πŸŒ€

Mad as this sounds. It takes the colour of your systems desktop background colour, the colour you would see without a background image.
So in other words it's different depending on which OS and platform you use.

Collapse
 
btlm profile image
btlm

Wow, attr() is new for me. Thank you for your post! Very useful

Collapse
 
sasscrafter profile image
Dima Prohorenko

No problem broπŸ‘Œ

Collapse
 
junliangong01 profile image
JunliangOng01

Custom Software Development Services for business needs from software development company groupbwt.com. We deliver software products the way you want them to be.

Collapse
 
mikechrupcala profile image
Michael Chrupcala
Collapse
 
sasscrafter profile image
Dima Prohorenko

Glad to help

 
adam_cyclones profile image
Adam Crockett πŸŒ€

Not quite the colour comes from the colour behind the image, it's an old fashioned thing back in the days of xp

Collapse
 
ironcladdev profile image
Conner Ow

The last one was the one I've been looking for! before I saw this, I used four "text-shadow"s to stroke the text.
Thank you so much for showing this to DEV!

Collapse
 
sasscrafter profile image
Dima Prohorenko

Glad to help

Collapse
 
im_codebreaker profile image
im_codebreaker

Thank you for your sharingπŸ‘Œ