删除

南国地带

<br /><br /><style type="text/css">.html{ top: -30px; left:-180px;
width: 1000px;
height: 600px;
box-shadow:  0px 0px 0px 3px #ffffff, 0px 0px 14px 13px #F0E111; background-size:100% 100%;
background-image:url(http://pan.yinhuabbs.cn/view.php/8fcb46cba24f9f32457ee28ea98fc939.jpg);
box-sizing: border-box;
animation: slider01 2s linear infinite ;
transform-origin: center;position: relative;z-index: 1;
}
@keyframes slider0x{
0%{background: linear-gradient(20deg, #008000, #ff0000, #23a6d5, #000090);}
              25%{background: linear-gradient(60deg, #000080, #ff0000, #23a6d5, #fff000);}
               50%{background: linear-gradient(90deg, #ee7752, #008000, #23a6d5, #00ff00);}
               75%{background: linear-gradient(-80deg, #800080, #ff0000, #23a6d5, #000090);}
                 100%{background: linear-gradient(-90deg, #000089, #ff0000, #800080, #ffff00);}}
.book{ position: absolute; top:145px; left:50%;                                                                                                                                                                                                                                                                                                                                                                                                                                                                transform: rotatez(2deg) rotateX(18deg);z-index: 1; } /*页面倾角*/                                                                   .书页 { position: absolute;  width: 420px; height: 380px; border: 15px solid #ffffff; text-align: center; background-color: #999999;box-shadow:  0px 0px 0px 1px #000000, 0px 0px 0px 0px #cccccc; }  /*绝对定位；页面宽高；边框线厚度，样式，颜色；页面居中；页面背景色*/                                                                             .书页 p{ font-size: 40px;font-family:华文行楷; color: #ffffff; margin-top:120px; } /*页面上的文字属性；外边矩*/                                                                                                         .封面 p{font-size: 40px;font-family:华文新魏; font-weight:bold; color: #ffffff; margin-top: 0px; } /*封面上的文字属性；外边距*/
.flip-animation-0 { animation: flipBook0 120s  infinite ;} /*封面动画*/                                                                                                                                                                                                                                                                                                                      @keyframes flipBook0 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                                                                                                                                                                                                                         50% { transform: rotateY(-200deg); }                                                                                                                                                                                                                                                                                 100% { transform: rotateY(0deg); } }                                                                                                                                                                                                                                 
.flip-animation-1 { animation: flipBook1  120s 5s infinite ;} /*第一页动画*/                                                        @keyframes flipBook1{                                                                                                  0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 100% { transform: rotateY(0deg); } }                                                                                                                                                                                    .flip-animation-2 { animation: flipBook2  115s 10s infinite ;} /*第二页动画*/                                                        
@keyframes flipBook2 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 100% { transform: rotateY(0deg); } }                                                                                                                 .flip-animation-3 { animation: flipBook3  110s 15s infinite ; } /*第三页动画*/                                                        
@keyframes flipBook3 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 100% { transform: rotateY(0deg); } }                                                                                                    .flip-animation-4 { animation: flipBook4  105s 20s infinite ;} /*第四页动画*/
@keyframes flipBook4 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 100% { transform: rotateY(0deg); } }
.flip-animation-5 { animation: flipBook5  100s 25s infinite ;} /*第五页动画*/
@keyframes flipBook5 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 100% { transform: rotateY(0deg); } }                                                                                                                                                                                    .flip-animation-6 { animation: flipBook6  95s 30s infinite ;} /*第六页动画*/                                                        
@keyframes flipBook6 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 
100% { transform: rotateY(0deg); } }                                                                                                                 .flip-animation-7 { animation: flipBook7  90s 35s infinite ; } /*第七页动画*/                                                        
@keyframes flipBook7 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 
100% { transform: rotateY(0deg); } }                                                                                                    .flip-animation-8 { animation: flipBook8  85s 40s infinite ; } /*第八页动画*/                                                        
@keyframes flipBook8 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 
100% { transform: rotateY(0deg); } }
.flip-animation-9 { animation: flipBook9  80s 45s infinite ; } /*第九页动画*/
@keyframes flipBook9 {                                                                                                 0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                              
100% { transform: rotateY(0deg); } }
.flip-animation-10 { animation: flipBook10 75s 50s infinite ; } /*第十页动画*/
@keyframes flipBook10 {                                                                                                0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 100% { transform: rotateY(0deg); } }
.flip-animation-11 { animation: flipBook11 70s 55s infinite ; } /*第十一页动画*/
@keyframes flipBook11 {                                                                                                0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                 
100%{ transform: rotateY(0deg); } }
.flip-animation-12 { animation: flipBook12  65s 60s infinite ;} /第十二页动画/
@keyframes flipBook12 {
0% { transform: rotateY(0deg); }                                                                                      50% { transform: rotateY(-200deg); }                                                                                   100% { transform: rotateY(0deg); } }                                                                                                                                                       .preserve-3d{ transform-style: preserve-3d; }                                                                     .point{ transform-origin: 0% 100%; }

.播放器 {TOP: 20px;LEFT: 50px;
width: 870px;
height: 100px;
box-sizing: border-box;
background-size: cover;
animation: sliderx 10s linear infinite ;
transform-origin: center;position: relative;
opacity:1.0; z-index: 29;
}
@keyframes sliderx{15%   {
            transform: translate(30%,0%)scale(0.9)rotateX(0deg)rotateY(70deg);
        }
        55% {
            transform: translate(-30%,0%)scale(0.6)rotateX(0deg)rotateY(-70deg); }
}
</style>
<p>&nbsp;</p>

<p>&nbsp;</p>

<div class="html">
<div class="book preserve-3d">
<div class="book-page-box">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/173cc932dc6a8e33ddb8713991c63763.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-11 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/c82ee63bc8c5d792143d6112b8d4ad9f.jpg)">
<p style="text-align: center;"><span style="font-size:35px;"><span style="font-family:华文行楷;color:#ff0000 ;"> </span></span></p>
</div>
</div>

<div class="flip-animation-10 point">
<div class="书页" style="background-size:100% 100%;background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/36ee0100a69011ffe387b15ebbbab9e7.jpg)">
<p>翻书音画</p>
</div>
</div>

<div class="flip-animation-9 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/73601e0103901e16a133f5294ca2dbe6.jpg )">&nbsp;</div>
</div>

<div class="flip-animation-8 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/6827733600c85d3d9eba0b185a12a137.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-7 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/b194acbb9fc2ab3f986898946691ac7f.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-6 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/2936df391dc165f693bd0f72635d3383.jpg )">&nbsp;</div>
</div>

<div class="flip-animation-5 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/8e29092beffd6426f336b76e948e0e0c.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-4 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/7f23a6d3ab5ba5741b8de044d0c49e31.jpg )">&nbsp;</div>
</div>

<div class="flip-animation-3 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/eb1e09c8060114082abda16c3e5f2383.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-2 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/2afb959f7831913197be689f4f48ec93.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-1 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/1df269c13ae2d4d2b3f7a835ae504172.jpg)">&nbsp;</div>
</div>

<div class="flip-animation-0 point">
<div class="书页" style="background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/7899b2176bf3699a1037e8338c540d0d.gif)">

</div>
</div>
</div>



<audio src="http://music.163.com/song/media/outer/url?id=304832.mp3" loop autoplay></audio>

廖若晨星

欣赏南国地带老师高手在民间视并

党项人

欣赏佳作！

阿强

                欣赏南国地带大姐的视频佳作——高手在民间

宋玉芳

是啊！高手在民间。
前几年，我在我家附近一个小公园里。看到一个年轻人，用粉笔，在地面上，画马
呵呵，各种姿态的马，就几笔的事。真的活灵活现的。尤其他画的马头，似乎眼神，一根根马鬃都很实在。

许森匡.

欣赏佳作 - 高手在民间

真真

高手在民间，谢谢分享！

黄煌长

视频很长时间还没出来。

沪上人

欣赏学习分享！

九品莲花

南国地带晚上好！
民间的确有高人！真是高人！