The CSS code which transforms Simple to Floating Boxes

After applying the CSS changes

Before (Simple)

.main-inner .widget {

position: relative;

margin: 60px 0 20px;

padding: 0 15px;

background-color: white;

$$$$border: 10px solid #BAD304;

border: 10px solid #33aaff;

-moz-box-shadow: 20px 20px 50px rgba(0, 0, 0, .2);

-webkit-box-shadow: 10 20 30px rgba(0, 0, 0, .2);

-goog-ms-box-shadow: 0 0 50px rgba(0, 0, 0, .2);

box-shadow: 40px 30px 30px rgba(0, 0, 0, .2);

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

-goog-ms-border-radius: 15px;

border-radius: 15px;

}