How to create a rollover shadow effect for content boxes

Figured it out with CSS. I also wanted it to grow slightly.

#lp-pom-box-245:hover {box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.25); transition: 0.3s ease;} #lp-pom-box-245 { padding: 0px; background-color: #fff; transition: transform .2s; /* Animation */ margin: 0 auto; } #lp-pom-box-245:hover {transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }