• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Shadow question

#6
Thanks Jake and Shelley. i got it working with a normal html but not with Xenforo ..Shelley i bet your codes better than mine ... feel free to have a laugh :)


HTML:
<div class="box effect2">
<iframe height="395px"width="100%"  src="http://marci491.getmarci.com/";;name="iframelink" frameborder="0" style="background-color:#fcfcff;border-right:1px solid #E5B55B;border-left:1px solid #E5B55B;border-top:1px solid #E5B55B;border-bottom:1px solid #E5B55B"  width="70%" scrolling="no" ></iframe>
</div>
 
<style>
 
 
 
 
.box {
 
 
 
    margin:4px auto;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
 
</style>