DEV Community

Cover image for CSS Flag: India

CSS Flag: India

Jatin Sharma on August 15, 2022

Today is 15 August, It was the date when India became independent. So we as Indians celebrate Independence day today. So, I am starting a new serie...
Collapse
 
michaeltharrington profile image
Michael Tharrington • Edited

Woot! And 2 methods too — awesome. 😀

Comment down which country's flag you want to see next.

This made me curious if there were any other national independence days coming up and thanks to Wikipedia, I learned that there are actually several today!

screenshot from Wikipedia of countries that have independence day on August 15th

So, my vote has def gotta go to one of these places!

Collapse
 
dazadams profile image
DazAdams

I vote for Wales.
Because dragons are cool :)

Collapse
 
j471n profile image
Jatin Sharma

I'll try to make every country's flag. It's just the beginning :)

Collapse
 
michaeltharrington profile image
Michael Tharrington

Aw man! That's awesome. 🔥

Collapse
 
qm3ster profile image
Mihail Malo
Collapse
 
j471n profile image
Jatin Sharma

I didn't knew about that. Thanks for sharing :)

Collapse
 
qm3ster profile image
Mihail Malo

It doesn't exist. (yet?)

Thread Thread
 
j471n profile image
Jatin Sharma

It does actually, you can see th documentation. But it just works with ::before and ::after

Thread Thread
 
qm3ster profile image
Mihail Malo • Edited

That's just counter().
counter-value() enables it to be used in calc(), not only in content:, which only affects pseudo-elements.

Collapse
 
arian32 profile image
Navid

thank you very much for you nice efforts

Collapse
 
j471n profile image
Jatin Sharma

It's always a pleasure ✨

Collapse
 
gass profile image
Gass • Edited

What a great idea for a new series 🤩 ... The transform-origin:bottom property is very interesting. I didn't know about that approach.

Collapse
 
zural profile image
Shiva

Great