apolineaire
5/28/2018 - 5:41 AM

Box-shadow over a div

Simple but nice box-shadow over a div

/* 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);