Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

gradient box shadow on hover

Botgirl

New Coder
Trying to add a gradient box shadow on button hover (website uses elementor); it almost works, except I can't seem to get any blur effect to the shadow. What am I doing wrong?

CSS:
.button:hover {
  padding: 0px 4px 2px 0px;
  border-radius: 25px;
  box-shadow: 1px 1px 5px -3px;
  background: linear-gradient(90deg, rgba(217,52,44,1) 0%, rgba(235,97,18,1) 19%, rgba(243,152,0,1) 35%, rgba(0,151,140,1) 59%, rgba(68,82,137,1) 70%, rgba(151,0,113,1) 100%);
}
 
Hi,

You can try as below. Check out this site for more.: Güzel CSS box-shadow örnekleri - CSS Scan

CSS:
.düğme:hover {
  dolgu: 0px 4px 2px 0px;
  sınır yarıçapı: 25px;
  kutu gölgesi: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px ek;
  arka plan: linear-gradient(90deg, rgba(217,52,44,1) %0, rgba(235,97,18,1) %19, rgba(243,152,0,1) %35, rgba(0,151,140,1) ) %59, rgba(68,82,137,1) %70, rgba(151,0,113,1) %100);
}
 
Last edited:

New Threads

Buy us a coffee!

Back
Top Bottom