Shadow effect to parallelogram shaped buttons.

Okudelya
Giga Contributor

Is it possible to apply a shadow effect to buttons with a parallelogram shape when you hover over them in ServiceNow. How can it be achieved?

 

Thank you.

1 ACCEPTED SOLUTION

Samaksh Wani
Giga Sage
Giga Sage

Hello @Okudelya 

 

.button2:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

 

add this css,  

 

remember button2 is the name of the class of button, you can write urs.

 

Plz Mark my Solution as Accept and Give me thumbs up, if you find it helpful.

 

Regards,

Samaksh

View solution in original post

2 REPLIES 2

Samaksh Wani
Giga Sage
Giga Sage

Hello @Okudelya 

 

.button2:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

 

add this css,  

 

remember button2 is the name of the class of button, you can write urs.

 

Plz Mark my Solution as Accept and Give me thumbs up, if you find it helpful.

 

Regards,

Samaksh

Okudelya
Giga Contributor

Hello @Samaksh Wani , thank you so much for providing your solution. I very appreciate it!

 

Best regards,

Oxana.