"Hacking" in Twemoji into my Profile Header

Through the dark of art of CSS selectors and pseudo-elements, I have managed to put Twemoji's in my header. I wanted a constant look for the emojis. So, I used a bit of CSS to do it:

main > div > div > h1::<before/after> {
    width: <emoji width>;
    height: <emoji height>;
    content: "";
    background-image: url("<image source>");
    display: inline-block;
    background-size: contain;
}

A knife emoji before my header and a flower emoji after it

3 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

blueasis

1607459319

I did a similar thing but to make my name sparklyyy

Report Comment