CODEWITHSUNDEEP
csstailwind-css
Teabx
Teabx

Reputation: 143

Can you have circle shadows on hover with plain Tailwind CSS?

I recently started learning Tailwind CSS because based on some research about the job market, I felt like it would be a nice marketable skill for my area.

Anyway, I am currently making a website in which I am trying to restrict myself from writing any other CSS classes apart from the ones given to me by Tailwind (In order to familiarize myself with "Tailwind Solutions" to certain problems). However I am kind of running into a dead end with a specific "issue".

I have a couple of circle "buttons" (they are images to be precise, but they have an "onClick" action). Instead of letting the user stumble upon the existence of this button randomly, I wanted to add a hover effect to the button so that a shadow appears around the image when the pointer is hovered on top of the image.

I have only tried the straightforward hover: shadow-sm class but I kind of expected this not to work because this is labeled in the Tailwind Docs as a "box-shadow". However I couldn't find anything else that could be applied in my case.

Any help would be appreciated.

Thank you in advance.

Upvotes: 2

Views: 5770

Answers (1)

Digvijay
Digvijay

Reputation: 8957

I played around with positioning & created this shadow on hover.

Check out and keep me posted in the comments below.

Upvotes: 3

Related Questions