Home/ Questions/Q 8560499
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T16:17:22+00:00

Here is the css class I am applying to my image tag on mouse

  • 0

Here is the css class I am applying to my image tag on mouse hover:

div#simpleSearch button#searchButton > img:hover {
    /* Box-shadow */
-moz-box-shadow: 0px 0px 13px #AFAFAF; 
     box-shadow: 0px 0px 13px #AFAFAF;

    /* Border-Radius */
-moz-border-radius: 100px; /* Firefox */
  -o-border-radius: 100px;
     border-radius: 100px; /* CSS3 */
}

It is working fine.
But if I replace #AFAFAF with either white or #FFFFFF, no border is applied to my image. I should add that the site background is grey, so a white shadow would be visible.

As anyone already experienced this ?
Any workaround suggestion is most welcome.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try 

    -moz-box-shadow: 13px 13px 0px 0px #FFFFFF;
-webkit-box-shadow: 13px 13px 0px 0px #FFFFFF;
 box-shadow: 13px 13px 0px 0px  #FFFFFF;

    the last 2 values are optional as seen here

    • 0