css div上的盒子阴影

Posted 2021-05-13

/* Box-shadow over a div (option : hover) */
div {
  box-shadow: 2px 6px 30px rgba(0, 0, 0, 0.2);
}

div:hover{
    box-shadow: 2px 6px 30px rgba(0, 0, 0, 0.2);
}
 
/*More complex one from Tania Rascia*/

box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);