The attr CSS Function Is Incredible

🌎 Find Me Here:

#Shorts

[cjmattrocks]

So glad I saw someone writing code do the same =""3 shit I do. That auto " always gets you.

[idan]

I'm a web developer for the past 5 years now and I didn't know that even existed. Thanks!

[totoshampoin]

Dude, if only CSS allowed for the attr() elsewhere than in the content property, it'd be an absolute game changer

[mohammedjabir]

Oh man ! I really fell in love with these short videos!
Thank you for these valuable tips..

[dungphan]

You can also use css variables:
HTML:
<button style=“—count: 5;”>Button</button>
CSS:
content: —count;
JS: buttonEl.style.setProperty(“—count”, currCount)

[AJman]

I was just using this for tool tips. Add the tool tip as a data attribute and display it on hover.

(you can also remove pointer-events from the pseudo element to make it feel more natural)

[getellied]

Oh wow! That is actually really easy and simplifies code a lot! Before REALLY learning CSS, I would JS the hell out of things, but CSS is way more powerful than we think.

[zerubabelyonas]

Where have you been all my life? I've been looking for this everywhere.

[andrebotha]

Thanks Kyle. You are damn efficient in putting out useful content.

[hassanabdellah]

I've used in a project before and helped me a lot and got surprised how powerful it was

[MrVertu]

Теперь главное не забыть))

Now the main thing is not to forget))

[aoa-nd]

So grateful for these shorts. Learnt a lot in 1 min.

[dylanthony]

This is such a helpful tip. I had the exact same problem and solved it in a much more convoluted way and this is so much simpler.

[joodjindy]

i opened my mouth when i saw this!! what a great function...i didn't know it, thanks a lot

[Mane]

Wow, I did not know that, absolutely amazing! I had so many situations where this would have been useful

[davidkonevky]

How is it that this is the first time I see someone mention this function, it's so useful yet I hear so little about it!

[rBroneak]

This shit changed my life on a project a few years ago. Really good share sir 👍

[developermohsin]

Bro your level of simple explanation 🔥🔥🔥🔥

[Issvor]

This needs a lot more recognition. You can also use inline css variables, too.

[erice.]

i had no idea you could do this. this is insanely useful!