how to call a class form multplie class

[vinosubi]

.style_box
{
height: 200px;
width: 500px;
position: relative;
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #DDDDDD;
border-radius: 0px;
}
.style_box:before
{
content: “”;
z-index: -1;
position: absolute;
width: 50%;
top: 160px;
bottom: 25px;
left: 10px;
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
box-shadow: 0px 35px 20px #777;
}
.style_box:after
{
content: “”;
z-index: -1;
position: absolute;
width: 50%;
top: 160px;
right: 10px;
bottom: 25px;
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
box-shadow: 0px 35px 20px #777;
}

`<div class="row">
                <div class="pull-left">




                  <div class="style_box">
                        <div>sdfsdf</div>

                   </div>





          </div>
<div>`

i have created shadow box class. class name “style_box”. i have declared in div with class. is there any problem declared in multiple class.shadow Box is not working in any browser. where i made mistake? help me

[Paulie_D]

Could you make a Codepen please?

It’s hard to work from a code dump like that.

[Author]

Posts