Graphics Interchange Format (also known as gif) is a bitmap image format that was introduced by CompuServe. It is widely used in World Wide Web for quite so long. Here we can replicate a GIF animated image with the help of Cascading Style Sheet(CSS) animation effect. The GIF image is basically developed from several individual pictures which gets changed in a fraction of seconds to make it look life its a moving picture as a whole.
Here instead of generating an individual GIF image we are going to generate the sequences of these images with the help of CSS animation effect. The code will mostly be using the transition between the opacity:0 to opacity:1. This have to exactly time in such a way that one image comes after another in proper order. Lets take a look at a DEMO.
The original GIF animated image
The CSS3 animated image sequence
NOTE: The replication of a GIF image through CSS3 is not cost effective. For this simple GIF animated image it took almost 1K lines of code to get it in the expected shape.
Code of the Snippet
Paste this inside header part or your CSS style sheet<style type="text/css">
div#gif_container{
position:relative;
height:550px;
}
.gifframe {
position:absolute;
width:500px;
top:0px;
left:0px;
opacity:0;
}
img#frame_000 {
padding:0px;
-webkit-animation:frame000 2s; /* Chrome, Safari, Opera */
animation:frame000 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_001 {
padding:0px;
-webkit-animation:frame001 2s; /* Chrome, Safari, Opera */
animation:frame001 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_002 {
padding:0px;
-webkit-animation:frame002 2s; /* Chrome, Safari, Opera */
animation:frame002 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_003 {
padding:0px;
-webkit-animation:frame003 2s; /* Chrome, Safari, Opera */
animation:frame003 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_004 {
padding:0px;
-webkit-animation:frame004 2s; /* Chrome, Safari, Opera */
animation:frame004 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_005 {
padding:0px;
-webkit-animation:frame005 2s; /* Chrome, Safari, Opera */
animation:frame005 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_006 {
padding:0px;
-webkit-animation:frame006 2s; /* Chrome, Safari, Opera */
animation:frame006 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_007 {
padding:0px;
-webkit-animation:frame007 2s; /* Chrome, Safari, Opera */
animation:frame007 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_008 {
padding:0px;
-webkit-animation:frame008 2s; /* Chrome, Safari, Opera */
animation:frame008 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_009 {
padding:0px;
-webkit-animation:frame009 2s; /* Chrome, Safari, Opera */
animation:frame009 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_010 {
padding:0px;
-webkit-animation:frame010 2s; /* Chrome, Safari, Opera */
animation:frame010 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_011 {
padding:0px;
-webkit-animation:frame011 2s; /* Chrome, Safari, Opera */
animation:frame011 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_012 {
padding:0px;
-webkit-animation:frame012 2s; /* Chrome, Safari, Opera */
animation:frame012 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_013 {
padding:0px;
-webkit-animation:frame013 2s; /* Chrome, Safari, Opera */
animation:frame013 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_014 {
padding:0px;
-webkit-animation:frame014 2s; /* Chrome, Safari, Opera */
animation:frame014 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_015 {
padding:0px;
-webkit-animation:frame015 2s; /* Chrome, Safari, Opera */
animation:frame015 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_016 {
padding:0px;
-webkit-animation:frame016 2s; /* Chrome, Safari, Opera */
animation:frame016 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_017 {
padding:0px;
-webkit-animation:frame017 2s; /* Chrome, Safari, Opera */
animation:frame017 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_018 {
padding:0px;
-webkit-animation:frame018 2s; /* Chrome, Safari, Opera */
animation:frame018 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_019 {
padding:0px;
-webkit-animation:frame019 2s; /* Chrome, Safari, Opera */
animation:frame019 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_020 {
padding:0px;
-webkit-animation:frame020 2s; /* Chrome, Safari, Opera */
animation:frame020 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_021 {
padding:0px;
-webkit-animation:frame021 2s; /* Chrome, Safari, Opera */
animation:frame021 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_022 {
padding:0px;
-webkit-animation:frame022 2s; /* Chrome, Safari, Opera */
animation:frame022 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_023 {
padding:0px;
-webkit-animation:frame023 2s; /* Chrome, Safari, Opera */
animation:frame023 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_024 {
padding:0px;
-webkit-animation:frame024 2s; /* Chrome, Safari, Opera */
animation:frame024 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_025 {
padding:0px;
-webkit-animation:frame025 2s; /* Chrome, Safari, Opera */
animation:frame025 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_026 {
padding:0px;
-webkit-animation:frame026 2s; /* Chrome, Safari, Opera */
animation:frame026 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
img#frame_027 {
padding:0px;
-webkit-animation:frame027 2s; /* Chrome, Safari, Opera */
animation:frame027 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame000
{
0% {opacity:0;}
5% {opacity:0;}
6% {opacity:1;}
9% {opacity:1;}
10% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame000
{
0% {opacity:0;}
5% {opacity:0;}
6% {opacity:1;}
9% {opacity:1;}
10% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame001
{
0% {opacity:0;}
8% {opacity:0;}
9% {opacity:1;}
12% {opacity:1;}
13% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame001
{
0% {opacity:0;}
8% {opacity:0;}
9% {opacity:1;}
12% {opacity:1;}
13% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame002
{
0% {opacity:0;}
11% {opacity:0;}
12% {opacity:1;}
15% {opacity:1;}
16% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame002
{
0% {opacity:0;}
11% {opacity:0;}
12% {opacity:1;}
15% {opacity:1;}
16% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame003
{
0% {opacity:0;}
14% {opacity:0;}
15% {opacity:1;}
18% {opacity:1;}
19% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame003
{
0% {opacity:0;}
14% {opacity:0;}
15% {opacity:1;}
18% {opacity:1;}
19% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame004
{
0% {opacity:0;}
17% {opacity:0;}
18% {opacity:1;}
21% {opacity:1;}
22% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame004
{
0% {opacity:0;}
17% {opacity:0;}
18% {opacity:1;}
21% {opacity:1;}
22% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame005
{
0% {opacity:0;}
20% {opacity:0;}
21% {opacity:1;}
24% {opacity:1;}
25% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame005
{
0% {opacity:0;}
20% {opacity:0;}
21% {opacity:1;}
24% {opacity:1;}
25% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame006
{
0% {opacity:0;}
23% {opacity:0;}
24% {opacity:1;}
27% {opacity:1;}
28% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame006
{
0% {opacity:0;}
23% {opacity:0;}
24% {opacity:1;}
27% {opacity:1;}
28% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame007
{
0% {opacity:0;}
26% {opacity:0;}
27% {opacity:1;}
30% {opacity:1;}
31% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame007
{
0% {opacity:0;}
26% {opacity:0;}
27% {opacity:1;}
30% {opacity:1;}
31% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame008
{
0% {opacity:0;}
29% {opacity:0;}
30% {opacity:1;}
33% {opacity:1;}
34% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame008
{
0% {opacity:0;}
29% {opacity:0;}
30% {opacity:1;}
33% {opacity:1;}
34% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame009
{
0% {opacity:0;}
32% {opacity:0;}
33% {opacity:1;}
36% {opacity:1;}
37% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame009
{
0% {opacity:0;}
32% {opacity:0;}
33% {opacity:1;}
36% {opacity:1;}
37% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame010
{
0% {opacity:0;}
35% {opacity:0;}
36% {opacity:1;}
39% {opacity:1;}
40% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame010
{
0% {opacity:0;}
35% {opacity:0;}
36% {opacity:1;}
39% {opacity:1;}
40% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame011
{
0% {opacity:0;}
38% {opacity:0;}
39% {opacity:1;}
42% {opacity:1;}
43% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame011
{
0% {opacity:0;}
38% {opacity:0;}
39% {opacity:1;}
42% {opacity:1;}
43% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame012
{
0% {opacity:0;}
41% {opacity:0;}
42% {opacity:1;}
45% {opacity:1;}
46% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame012
{
0% {opacity:0;}
41% {opacity:0;}
42% {opacity:1;}
45% {opacity:1;}
46% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame013
{
0% {opacity:0;}
44% {opacity:0;}
45% {opacity:1;}
48% {opacity:1;}
49% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame013
{
0% {opacity:0;}
44% {opacity:0;}
45% {opacity:1;}
48% {opacity:1;}
49% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame014
{
0% {opacity:0;}
47% {opacity:0;}
48% {opacity:1;}
51% {opacity:1;}
52% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame014
{
0% {opacity:0;}
47% {opacity:0;}
48% {opacity:1;}
51% {opacity:1;}
52% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame015
{
0% {opacity:0;}
50% {opacity:0;}
51% {opacity:1;}
54% {opacity:1;}
55% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame015
{
0% {opacity:0;}
50% {opacity:0;}
51% {opacity:1;}
54% {opacity:1;}
55% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame016
{
0% {opacity:0;}
53% {opacity:0;}
54% {opacity:1;}
57% {opacity:1;}
58% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame016
{
0% {opacity:0;}
53% {opacity:0;}
54% {opacity:1;}
57% {opacity:1;}
58% {opacity:0;}
100% {opacity:0;}
}
* Chrome, Safari, Opera */
@-webkit-keyframes frame017
{
0% {opacity:0;}
56% {opacity:0;}
57% {opacity:1;}
60% {opacity:1;}
61% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame017
{
0% {opacity:0;}
56% {opacity:0;}
57% {opacity:1;}
60% {opacity:1;}
61% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame018
{
0% {opacity:0;}
59% {opacity:0;}
60% {opacity:1;}
63% {opacity:1;}
64% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame018
{
0% {opacity:0;}
59% {opacity:0;}
60% {opacity:1;}
63% {opacity:1;}
64% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame019
{
0% {opacity:0;}
62% {opacity:0;}
63% {opacity:1;}
66% {opacity:1;}
67% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame019
{
0% {opacity:0;}
62% {opacity:0;}
63% {opacity:1;}
66% {opacity:1;}
67% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame020
{
0% {opacity:0;}
65% {opacity:0;}
66% {opacity:1;}
69% {opacity:1;}
70% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame020
{
0% {opacity:0;}
65% {opacity:0;}
66% {opacity:1;}
69% {opacity:1;}
70% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame021
{
0% {opacity:0;}
68% {opacity:0;}
69% {opacity:1;}
72% {opacity:1;}
73% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame021
{
0% {opacity:0;}
68% {opacity:0;}
69% {opacity:1;}
72% {opacity:1;}
73% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame022
{
0% {opacity:0;}
71% {opacity:0;}
72% {opacity:1;}
75% {opacity:1;}
76% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame022
{
0% {opacity:0;}
71% {opacity:0;}
72% {opacity:1;}
75% {opacity:1;}
76% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame023
{
0% {opacity:0;}
74% {opacity:0;}
75% {opacity:1;}
78% {opacity:1;}
79% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame023
{
0% {opacity:0;}
74% {opacity:0;}
75% {opacity:1;}
78% {opacity:1;}
79% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame024
{
0% {opacity:0;}
77% {opacity:0;}
78% {opacity:1;}
81% {opacity:1;}
82% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame024
{
0% {opacity:0;}
77% {opacity:0;}
78% {opacity:1;}
81% {opacity:1;}
82% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame025
{
0% {opacity:0;}
80% {opacity:0;}
81% {opacity:1;}
84% {opacity:1;}
85% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame025
{
0% {opacity:0;}
80% {opacity:0;}
81% {opacity:1;}
84% {opacity:1;}
85% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame026
{
0% {opacity:0;}
83% {opacity:0;}
84% {opacity:1;}
87% {opacity:1;}
88% {opacity:0;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame026
{
0% {opacity:0;}
83% {opacity:0;}
84% {opacity:1;}
87% {opacity:1;}
88% {opacity:0;}
100% {opacity:0;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes frame027
{
0% {opacity:0;}
86% {opacity:0;}
87% {opacity:1;}
90% {opacity:1;}
99% {opacity:1;}
100% {opacity:0;}
}
/* Standard syntax */
@keyframes frame027
{
0% {opacity:0;}
86% {opacity:0;}
87% {opacity:1;}
90% {opacity:1;}
99% {opacity:1;}
100% {opacity:0;}
}
</style>
Paste the below code in the page where you want to create item
<div id="gif_container">
<img id="frame_000" border="0" class="gifframe" src="img_frame_000.gif" />
<img id="frame_001" border="0" class="gifframe" src="img_frame_001.gif" />
<img id="frame_002" border="0" class="gifframe" src="img_frame_002.gif" />
<img id="frame_003" border="0" class="gifframe" src="img_frame_003.gif" />
<img id="frame_004" border="0" class="gifframe" src="img_frame_004.gif" />
<img id="frame_005" border="0" class="gifframe" src="img_frame_005.gif" />
<img id="frame_006" border="0" class="gifframe" src="img_frame_006.gif" />
<img id="frame_007" border="0" class="gifframe" src="img_frame_007.gif" />
<img id="frame_008" border="0" class="gifframe" src="img_frame_008.gif" />
<img id="frame_009" border="0" class="gifframe" src="img_frame_009.gif" />
<img id="frame_010" border="0" class="gifframe" src="img_frame_010.gif" />
<img id="frame_011" border="0" class="gifframe" src="img_frame_011.gif" />
<img id="frame_012" border="0" class="gifframe" src="img_frame_012.gif" />
<img id="frame_013" border="0" class="gifframe" src="img_frame_013.gif" />
<img id="frame_014" border="0" class="gifframe" src="img_frame_014.gif" />
<img id="frame_015" border="0" class="gifframe" src="img_frame_015.gif" />
<img id="frame_016" border="0" class="gifframe" src="img_frame_016.gif" />
<img id="frame_017" border="0" class="gifframe" src="img_frame_017.gif" />
<img id="frame_018" border="0" class="gifframe" src="img_frame_018.gif" />
<img id="frame_019" border="0" class="gifframe" src="img_frame_019.gif" />
<img id="frame_020" border="0" class="gifframe" src="img_frame_020.gif" />
<img id="frame_021" border="0" class="gifframe" src="img_frame_021.gif" />
<img id="frame_022" border="0" class="gifframe" src="img_frame_022.gif" />
<img id="frame_023" border="0" class="gifframe" src="img_frame_023.gif" />
<img id="frame_024" border="0" class="gifframe" src="img_frame_024.gif" />
<img id="frame_025" border="0" class="gifframe" src="img_frame_025.gif" />
<img id="frame_026" border="0" class="gifframe" src="img_frame_026.gif" />
<img id="frame_027" border="0" class="gifframe" src="img_frame_027.gif" />
</div>
<div id="gif_container">
<img id="frame_000" border="0" class="gifframe" src="img_frame_000.gif" />
<img id="frame_001" border="0" class="gifframe" src="img_frame_001.gif" />
<img id="frame_002" border="0" class="gifframe" src="img_frame_002.gif" />
<img id="frame_003" border="0" class="gifframe" src="img_frame_003.gif" />
<img id="frame_004" border="0" class="gifframe" src="img_frame_004.gif" />
<img id="frame_005" border="0" class="gifframe" src="img_frame_005.gif" />
<img id="frame_006" border="0" class="gifframe" src="img_frame_006.gif" />
<img id="frame_007" border="0" class="gifframe" src="img_frame_007.gif" />
<img id="frame_008" border="0" class="gifframe" src="img_frame_008.gif" />
<img id="frame_009" border="0" class="gifframe" src="img_frame_009.gif" />
<img id="frame_010" border="0" class="gifframe" src="img_frame_010.gif" />
<img id="frame_011" border="0" class="gifframe" src="img_frame_011.gif" />
<img id="frame_012" border="0" class="gifframe" src="img_frame_012.gif" />
<img id="frame_013" border="0" class="gifframe" src="img_frame_013.gif" />
<img id="frame_014" border="0" class="gifframe" src="img_frame_014.gif" />
<img id="frame_015" border="0" class="gifframe" src="img_frame_015.gif" />
<img id="frame_016" border="0" class="gifframe" src="img_frame_016.gif" />
<img id="frame_017" border="0" class="gifframe" src="img_frame_017.gif" />
<img id="frame_018" border="0" class="gifframe" src="img_frame_018.gif" />
<img id="frame_019" border="0" class="gifframe" src="img_frame_019.gif" />
<img id="frame_020" border="0" class="gifframe" src="img_frame_020.gif" />
<img id="frame_021" border="0" class="gifframe" src="img_frame_021.gif" />
<img id="frame_022" border="0" class="gifframe" src="img_frame_022.gif" />
<img id="frame_023" border="0" class="gifframe" src="img_frame_023.gif" />
<img id="frame_024" border="0" class="gifframe" src="img_frame_024.gif" />
<img id="frame_025" border="0" class="gifframe" src="img_frame_025.gif" />
<img id="frame_026" border="0" class="gifframe" src="img_frame_026.gif" />
<img id="frame_027" border="0" class="gifframe" src="img_frame_027.gif" />
</div>
No comments:
Post a Comment