Using CSS to produce animated film

1. Upload shadow.gif, shadow2.gif, and shadow2.png to the server, such as root_path/img/

2、 to styles-site.css

. Alpha-shadow {
Clear: Both; Background: URL (root_paht/img/shadow.gif) No-repeat right bottom;
Float: Left; margin: 14px 0px 0px 8px
}
. Alpha-shadow Div {
Padding-Right: 6px; padding-left: 0px;
Background: URL (root_path/img/shadow2.gif) No-repeat left top;
Float: Left; padding-bottom: 6px; padding-top: 0px
Background: None transparent scroll repeat 0% 0%;
Filter: progid: DXImageTransform. Microsoft. alphaimageloader (src = 'root _ path/img/shadow2.png ', sizingmethod = 'crop ')
}
. Alpha-shadow IMG {
Border-Right: # a9a9a9 1px solid;
Padding-Right: 4px;
Border-top: # a9a9a9 1px solid;
Padding-left: 4px;
Padding-bottom: 4px;
Margin: 0px;
Border-left: # a9a9a9 1px solid;
Padding-top: 4px;
Border-bottom: # a9a9a9 1px solid;
Background-color: # fff
}

I remember to change the porn path into your own porn path.

3. Add:

<Div class = alpha-shadow>
<Div> </div>
<Br style = "clear: both">

Finished