1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
body {
    background:url("//www.jq22.com/gxwj/bg.jpg") no-repeat;
}
#butterfly {
    width:600px;
    height:500px;
    position:relative;
    transform:scale(0.35);
    transform-style:preserve-3d;
}
.leftSide {
    width:267px;
    height:421px;
    background:url("//www.jq22.com/gxwj/leftSide.png") no-repeat;
    position:absolute;
    left:26px;
    top:40px;
    animation:left 2s infinite;
    z-index:9999;
}
@keyframes left {
    0% {
    transform:rotateY(0deg);
    transform-origin:right center;
    perspective:201px;
}
50% {
    transform:rotateY(70deg);
    transform-origin:right center;
    perspective:201px;
}
100% {
    transform:rotateY(0deg);
    transform-origin:right center;
    perspective:201px;
}
}@keyframes right {
    0% {
    transform:rotateY(0);
    transform-origin:left center;
    perspective:201px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX