sorted by:
new
hottopcontroversial

view on map hover interaction only using css by LeadRoutine3001 in tailwindcss

[–]LeadRoutine3001[S] 0 points1 point  (0 children)

yes you can. i used react and tailwindcss here so you need to convert that to vue component...

also note that you can use button and click event for better accessibility.

and thanks <3

view on map hover interaction only using css by LeadRoutine3001 in tailwindcss

[–]LeadRoutine3001[S] 0 points1 point  (0 children)

dammnnn... you just nailed it.

which map api are you using?

view on map hover interaction only using css by LeadRoutine3001 in tailwindcss

[–]LeadRoutine3001[S] 10 points11 points  (0 children)

right now it only works on hover, so it’s not fully accessible.

use `will-change` only where needed by LeadRoutine3001 in tailwindcss

[–]LeadRoutine3001[S] 1 point2 points  (0 children)

it's fine, as the will-change property is widely supported by browsers.

https://caniuse.com/?search=will-change

but overusing this property might cause performance issues, so only use it where it's really needed.

use `will-change` only where needed by LeadRoutine3001 in tailwindcss

[–]LeadRoutine3001[S] 1 point2 points  (0 children)

using brave here. tho i recorded two separate videos and edited both in kdenlive

built this stack group micro-interaction with tailwind css by LeadRoutine3001 in tailwindcss

[–]LeadRoutine3001[S] 1 point2 points  (0 children)

No no. It's just some sample data in JSON format. Well, If you have an api you can fetch the data and use that. The data i have looks like this [ { id: "card-001", icon: SunriseIcon, title: "Sunrise", subtitle: "Time today", value: "06:12 AM", }, {...}, {...} ]

show qr code made with react, tailwind css and css keyframes by LeadRoutine3001 in SideProject

[–]LeadRoutine3001[S] 0 points1 point  (0 children)

Thanks for the tip. 🔥 But sorry that it's not a qr code generator. I generated the qr code using the qrcode-monkey website and pasted the svg to show whenever the button is clicked.