alvaro-prieto
10/30/2019 - 9:23 AM

css box shadow hover animado sombra transition transicion

//Sombra muy chula. Queda guay con un borde blanco. Se le pone un Z index cuando está hover para que la sombra no se corté (según como esté el resto de css)

.elemento{
    box-shadow: 0 4px 6px rgba(50,50,93,.15), 0 1px 3px rgba(0,0,0,.08);
    border: 1px solid #ffffff;
    border-radius: 5px;
    position:relative;
    transition: box-shadow 0.5s ease-out;
  }
  
.elemento:hover {
	box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
	z-index: 2;
}