幽园馨兰 发表于 2018-10-1 18:59

金秋十月,一个诗意的季节,一缕墨香,一曲悠扬,一幅画卷,感谢精彩分享,中画一路有你相伴很精彩,至此国庆来临之际,送一份真挚的祝福,祝福国庆节快乐!

落雨听禅 发表于 2018-10-1 19:53

问好,欣赏你的精美制作

落雨听禅 发表于 2018-10-1 19:55

场景很全面,仿佛去了一趟兵马俑一般,动漫制作精彩,给力

落雨听禅 发表于 2018-10-1 19:56

值此国庆佳节之即,祝您和论坛的朋友们节日快乐、身体健康、阖家幸福

布衣人家 发表于 2018-10-3 11:18

欣赏老师的佳作!祝老师国庆节快乐!

糊里糊涂 发表于 2018-10-4 09:56

沉醉的曲 发表于 2018-10-1 17:14
国庆节快乐,欣赏老师的精彩。

<!-- <div align="center">
<ignore_js_op>

<img id="aimg_580132" aid="580132" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png"

file="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580132" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580132_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>月饼0.png</strong> <em class="xg1">(297.09 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580132&amp;handlekey=savephoto_580132">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:29">昨天&nbsp;21:29</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<img id="aimg_580133" aid="580133" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png"

file="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580133" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580133_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>中秋0.png</strong> <em class="xg1">(321.5 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580133&amp;handlekey=savephoto_580133">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:43">昨天&nbsp;21:43</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>
</div> -->

       <style>
            /* 这帖旋转体的id 为 items */
            /* 以下是定义所有图片的   */
            #items img{
                width:300px;      /* 图片宽度 */
                height: 300px;      /* 图片高度 */
                position: absolute;overflow:hidden;border-radius:20%;
               
            }         
            #items img:nth-child(1){
                transform: rotateY(0deg) translateZ(240px);
            }
            #items img:nth-child(2){
                transform: rotateY(72deg) translateZ(240px);
            }
            #items img:nth-child(3){
                transform: rotateY(144deg) translateZ(240px);
            }
            #items img:nth-child(4){
                transform: rotateY(216deg) translateZ(240px);
            }
            #items img:nth-child(5){
                transform: rotateY(288deg) translateZ(240px);
            }
            
            /*以下是旋转体的有关定义      */
            /*id选择器   id不能重复命名 , 本例中 id 为 items*/
            #items{
                margin: 50px auto;         /*让父元素居中*/
                width: 300px;                /* 旋转体宽度, 和单张图片相等 */
                height: 300px;                /*旋转体高度, 和单张图片相等   */
                /*声明一个3D空间*/
                transform-style: preserve-3d;          /* 这句很重要,显示立体效果*/
                /*最重要的动画定义来了*/
                     /*名称animate00这个必须有,随自己心意起个名称*/
                /*   一次动画持续时间(秒), 本例中是 120秒   */
                /*   动画变化曲线, 本例中 linear 表示匀速变化,
                     不设定则是两头快中间慢       */
                /*   动画次数, 本例中的 infinite表示无限次*/
                animation: animate00 60s linear infinite;
                position: relative;    /* 为内部的图片指定个定位依据*/
            }
            
            /*定义一个动画效果,注意动画名animate00 用到了这里*/
            /* 这动画定义的含义是,旋转体Y轴方向偏5°,绕X轴方向一周,360° --> 0 °   */
            @keyframes animate00 {
                from {
                  transform: rotateY(360deg);
                }
                to {
                  transform: rotateY(0deg);
                }
            }
      </style>

      <div style="width:500px;height:500px;margin:32px auto;">
                <div id="items">   <!-- 旋转体id在这里-->
               <!-- 以下是用到的各张图片-->
                <img src="http://thyrsi.com/t6/380/1538534949x-1566688347.jpg"/>
                <img src="http://thyrsi.com/t6/380/1538534982x-1566688347.jpg"/>
               
<img src="http://thyrsi.com/t6/380/1538535012x-1566688347.jpg" />
<img src="http://thyrsi.com/t6/380/1538535043x-1566688347.jpg"/>
<img src="http://thyrsi.com/t6/380/1538617998x-1404775437.jpg"/>
</div>

      </div>


糊里糊涂 发表于 2018-10-4 09:56

布衣人家 发表于 2018-10-3 11:18
欣赏老师的佳作!祝老师国庆节快乐!


<!-- <div align="center">
<ignore_js_op>

<img id="aimg_580132" aid="580132" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png"

file="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580132" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580132_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>月饼0.png</strong> <em class="xg1">(297.09 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580132&amp;handlekey=savephoto_580132">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:29">昨天&nbsp;21:29</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<img id="aimg_580133" aid="580133" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png"

file="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580133" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580133_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>中秋0.png</strong> <em class="xg1">(321.5 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580133&amp;handlekey=savephoto_580133">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:43">昨天&nbsp;21:43</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>
</div> -->

       <style>
            /* 这帖旋转体的id 为 items */
            /* 以下是定义所有图片的   */
            #items img{
                width:300px;      /* 图片宽度 */
                height: 300px;      /* 图片高度 */
                position: absolute;overflow:hidden;border-radius:20%;
               
            }         
            #items img:nth-child(1){
                transform: rotateY(0deg) translateZ(240px);
            }
            #items img:nth-child(2){
                transform: rotateY(72deg) translateZ(240px);
            }
            #items img:nth-child(3){
                transform: rotateY(144deg) translateZ(240px);
            }
            #items img:nth-child(4){
                transform: rotateY(216deg) translateZ(240px);
            }
            #items img:nth-child(5){
                transform: rotateY(288deg) translateZ(240px);
            }
            
            /*以下是旋转体的有关定义      */
            /*id选择器   id不能重复命名 , 本例中 id 为 items*/
            #items{
                margin: 50px auto;         /*让父元素居中*/
                width: 300px;                /* 旋转体宽度, 和单张图片相等 */
                height: 300px;                /*旋转体高度, 和单张图片相等   */
                /*声明一个3D空间*/
                transform-style: preserve-3d;          /* 这句很重要,显示立体效果*/
                /*最重要的动画定义来了*/
                     /*名称animate00这个必须有,随自己心意起个名称*/
                /*   一次动画持续时间(秒), 本例中是 120秒   */
                /*   动画变化曲线, 本例中 linear 表示匀速变化,
                     不设定则是两头快中间慢       */
                /*   动画次数, 本例中的 infinite表示无限次*/
                animation: animate00 60s linear infinite;
                position: relative;    /* 为内部的图片指定个定位依据*/
            }
            
            /*定义一个动画效果,注意动画名animate00 用到了这里*/
            /* 这动画定义的含义是,旋转体Y轴方向偏5°,绕X轴方向一周,360° --> 0 °   */
            @keyframes animate00 {
                from {
                  transform: rotateY(360deg);
                }
                to {
                  transform: rotateY(0deg);
                }
            }
      </style>

      <div style="width:500px;height:500px;margin:32px auto;">
                <div id="items">   <!-- 旋转体id在这里-->
               <!-- 以下是用到的各张图片-->
                <img src="http://thyrsi.com/t6/380/1538534949x-1566688347.jpg"/>
                <img src="http://thyrsi.com/t6/380/1538534982x-1566688347.jpg"/>
               
<img src="http://thyrsi.com/t6/380/1538535012x-1566688347.jpg" />
<img src="http://thyrsi.com/t6/380/1538535043x-1566688347.jpg"/>
<img src="http://thyrsi.com/t6/380/1538617998x-1404775437.jpg"/>
</div>

      </div>


糊里糊涂 发表于 2018-10-4 09:57

落雨听禅 发表于 2018-10-1 19:56
值此国庆佳节之即,祝您和论坛的朋友们节日快乐、身体健康、阖家幸福


<!-- <div align="center">
<ignore_js_op>

<img id="aimg_580132" aid="580132" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png"

file="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580132" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580132_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>月饼0.png</strong> <em class="xg1">(297.09 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580132&amp;handlekey=savephoto_580132">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:29">昨天&nbsp;21:29</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<img id="aimg_580133" aid="580133" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png"

file="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580133" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580133_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>中秋0.png</strong> <em class="xg1">(321.5 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580133&amp;handlekey=savephoto_580133">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:43">昨天&nbsp;21:43</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>
</div> -->

       <style>
            /* 这帖旋转体的id 为 items */
            /* 以下是定义所有图片的   */
            #items img{
                width:300px;      /* 图片宽度 */
                height: 300px;      /* 图片高度 */
                position: absolute;overflow:hidden;border-radius:20%;
               
            }         
            #items img:nth-child(1){
                transform: rotateY(0deg) translateZ(240px);
            }
            #items img:nth-child(2){
                transform: rotateY(72deg) translateZ(240px);
            }
            #items img:nth-child(3){
                transform: rotateY(144deg) translateZ(240px);
            }
            #items img:nth-child(4){
                transform: rotateY(216deg) translateZ(240px);
            }
            #items img:nth-child(5){
                transform: rotateY(288deg) translateZ(240px);
            }
            
            /*以下是旋转体的有关定义      */
            /*id选择器   id不能重复命名 , 本例中 id 为 items*/
            #items{
                margin: 50px auto;         /*让父元素居中*/
                width: 300px;                /* 旋转体宽度, 和单张图片相等 */
                height: 300px;                /*旋转体高度, 和单张图片相等   */
                /*声明一个3D空间*/
                transform-style: preserve-3d;          /* 这句很重要,显示立体效果*/
                /*最重要的动画定义来了*/
                     /*名称animate00这个必须有,随自己心意起个名称*/
                /*   一次动画持续时间(秒), 本例中是 120秒   */
                /*   动画变化曲线, 本例中 linear 表示匀速变化,
                     不设定则是两头快中间慢       */
                /*   动画次数, 本例中的 infinite表示无限次*/
                animation: animate00 60s linear infinite;
                position: relative;    /* 为内部的图片指定个定位依据*/
            }
            
            /*定义一个动画效果,注意动画名animate00 用到了这里*/
            /* 这动画定义的含义是,旋转体Y轴方向偏5°,绕X轴方向一周,360° --> 0 °   */
            @keyframes animate00 {
                from {
                  transform: rotateY(360deg);
                }
                to {
                  transform: rotateY(0deg);
                }
            }
      </style>

      <div style="width:500px;height:500px;margin:32px auto;">
                <div id="items">   <!-- 旋转体id在这里-->
               <!-- 以下是用到的各张图片-->
                <img src="http://thyrsi.com/t6/380/1538534949x-1566688347.jpg"/>
                <img src="http://thyrsi.com/t6/380/1538534982x-1566688347.jpg"/>
               
<img src="http://thyrsi.com/t6/380/1538535012x-1566688347.jpg" />
<img src="http://thyrsi.com/t6/380/1538535043x-1566688347.jpg"/>
<img src="http://thyrsi.com/t6/380/1538617998x-1404775437.jpg"/>
</div>

      </div>


糊里糊涂 发表于 2018-10-4 09:57

幽园馨兰 发表于 2018-10-1 18:59
金秋十月,一个诗意的季节,一缕墨香,一曲悠扬,一幅画卷,感谢精彩分享,中画一路有你相伴很精彩,至此国 ...


<!-- <div align="center">
<ignore_js_op>

<img id="aimg_580132" aid="580132" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png"

file="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580132" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580132_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>月饼0.png</strong> <em class="xg1">(297.09 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580132&amp;handlekey=savephoto_580132">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:29">昨天&nbsp;21:29</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<img id="aimg_580133" aid="580133" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png"

file="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580133" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580133_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>中秋0.png</strong> <em class="xg1">(321.5 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580133&amp;handlekey=savephoto_580133">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:43">昨天&nbsp;21:43</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>
</div> -->

       <style>
            /* 这帖旋转体的id 为 items */
            /* 以下是定义所有图片的   */
            #items img{
                width:300px;      /* 图片宽度 */
                height: 300px;      /* 图片高度 */
                position: absolute;overflow:hidden;border-radius:20%;
               
            }         
            #items img:nth-child(1){
                transform: rotateY(0deg) translateZ(240px);
            }
            #items img:nth-child(2){
                transform: rotateY(72deg) translateZ(240px);
            }
            #items img:nth-child(3){
                transform: rotateY(144deg) translateZ(240px);
            }
            #items img:nth-child(4){
                transform: rotateY(216deg) translateZ(240px);
            }
            #items img:nth-child(5){
                transform: rotateY(288deg) translateZ(240px);
            }
            
            /*以下是旋转体的有关定义      */
            /*id选择器   id不能重复命名 , 本例中 id 为 items*/
            #items{
                margin: 50px auto;         /*让父元素居中*/
                width: 300px;                /* 旋转体宽度, 和单张图片相等 */
                height: 300px;                /*旋转体高度, 和单张图片相等   */
                /*声明一个3D空间*/
                transform-style: preserve-3d;          /* 这句很重要,显示立体效果*/
                /*最重要的动画定义来了*/
                     /*名称animate00这个必须有,随自己心意起个名称*/
                /*   一次动画持续时间(秒), 本例中是 120秒   */
                /*   动画变化曲线, 本例中 linear 表示匀速变化,
                     不设定则是两头快中间慢       */
                /*   动画次数, 本例中的 infinite表示无限次*/
                animation: animate00 60s linear infinite;
                position: relative;    /* 为内部的图片指定个定位依据*/
            }
            
            /*定义一个动画效果,注意动画名animate00 用到了这里*/
            /* 这动画定义的含义是,旋转体Y轴方向偏5°,绕X轴方向一周,360° --> 0 °   */
            @keyframes animate00 {
                from {
                  transform: rotateY(360deg);
                }
                to {
                  transform: rotateY(0deg);
                }
            }
      </style>

      <div style="width:500px;height:500px;margin:32px auto;">
                <div id="items">   <!-- 旋转体id在这里-->
               <!-- 以下是用到的各张图片-->
                <img src="http://thyrsi.com/t6/380/1538534949x-1566688347.jpg"/>
                <img src="http://thyrsi.com/t6/380/1538534982x-1566688347.jpg"/>
               
<img src="http://thyrsi.com/t6/380/1538535012x-1566688347.jpg" />
<img src="http://thyrsi.com/t6/380/1538535043x-1566688347.jpg"/>
<img src="http://thyrsi.com/t6/380/1538617998x-1404775437.jpg"/>
</div>

      </div>


糊里糊涂 发表于 2018-10-4 09:58

黔中一叟 发表于 2018-10-1 17:36
秋高气爽国庆节,举国欢庆吉祥到,请你收下我的祝福,祝愿咱们的祖国繁荣昌盛,所有的人健康平安、幸福吉祥 ...


<!-- <div align="center">
<ignore_js_op>

<img id="aimg_580132" aid="580132" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png"

file="data/attachment/forum/201809/23/212918sc49owkqc097wkd9.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580132" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580132_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>月饼0.png</strong> <em class="xg1">(297.09 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580132&amp;handlekey=savephoto_580132">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:29">昨天&nbsp;21:29</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

<ignore_js_op>

<img id="aimg_580133" aid="580133" src="static/image/common/none.gif"

zoomfile="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png"

file="data/attachment/forum/201809/23/214306vx8bey8f8f84apfz.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)"

width="400" id="aimg_580133" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

<div class="tip tip_4 aimg_tip" id="aimg_580133_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>中秋0.png</strong> <em class="xg1">(321.5 KB, 下载次数: 0)</em></p>
<p>
<a href="http://www.yinling.com.cn/forum.php?mod=attachment&amp;aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%

3D&amp;nothumb=yes" target="_blank">下载附件</a>

&nbsp;<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"

url="home.php?mod=spacecp&amp;ac=album&amp;op=saveforumphoto&amp;aid=580133&amp;handlekey=savephoto_580133">保存到相册</a>

</p>

<p class="xg1 y"><span title="2018-9-23 21:43">昨天&nbsp;21:43</span> 上传</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>
</div> -->

       <style>
            /* 这帖旋转体的id 为 items */
            /* 以下是定义所有图片的   */
            #items img{
                width:300px;      /* 图片宽度 */
                height: 300px;      /* 图片高度 */
                position: absolute;overflow:hidden;border-radius:20%;
               
            }         
            #items img:nth-child(1){
                transform: rotateY(0deg) translateZ(240px);
            }
            #items img:nth-child(2){
                transform: rotateY(72deg) translateZ(240px);
            }
            #items img:nth-child(3){
                transform: rotateY(144deg) translateZ(240px);
            }
            #items img:nth-child(4){
                transform: rotateY(216deg) translateZ(240px);
            }
            #items img:nth-child(5){
                transform: rotateY(288deg) translateZ(240px);
            }
            
            /*以下是旋转体的有关定义      */
            /*id选择器   id不能重复命名 , 本例中 id 为 items*/
            #items{
                margin: 50px auto;         /*让父元素居中*/
                width: 300px;                /* 旋转体宽度, 和单张图片相等 */
                height: 300px;                /*旋转体高度, 和单张图片相等   */
                /*声明一个3D空间*/
                transform-style: preserve-3d;          /* 这句很重要,显示立体效果*/
                /*最重要的动画定义来了*/
                     /*名称animate00这个必须有,随自己心意起个名称*/
                /*   一次动画持续时间(秒), 本例中是 120秒   */
                /*   动画变化曲线, 本例中 linear 表示匀速变化,
                     不设定则是两头快中间慢       */
                /*   动画次数, 本例中的 infinite表示无限次*/
                animation: animate00 60s linear infinite;
                position: relative;    /* 为内部的图片指定个定位依据*/
            }
            
            /*定义一个动画效果,注意动画名animate00 用到了这里*/
            /* 这动画定义的含义是,旋转体Y轴方向偏5°,绕X轴方向一周,360° --> 0 °   */
            @keyframes animate00 {
                from {
                  transform: rotateY(360deg);
                }
                to {
                  transform: rotateY(0deg);
                }
            }
      </style>

      <div style="width:500px;height:500px;margin:32px auto;">
                <div id="items">   <!-- 旋转体id在这里-->
               <!-- 以下是用到的各张图片-->
                <img src="http://thyrsi.com/t6/380/1538534949x-1566688347.jpg"/>
                <img src="http://thyrsi.com/t6/380/1538534982x-1566688347.jpg"/>
               
<img src="http://thyrsi.com/t6/380/1538535012x-1566688347.jpg" />
<img src="http://thyrsi.com/t6/380/1538535043x-1566688347.jpg"/>
<img src="http://thyrsi.com/t6/380/1538617998x-1404775437.jpg"/>
</div>

      </div>


页: 1 [2] 3
查看完整版本: 国庆欣赏《兵马俑》