幽园馨兰
发表于 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&aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580132&handlekey=savephoto_580132">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:29">昨天 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&aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580133&handlekey=savephoto_580133">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:43">昨天 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&aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580132&handlekey=savephoto_580132">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:29">昨天 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&aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580133&handlekey=savephoto_580133">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:43">昨天 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&aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580132&handlekey=savephoto_580132">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:29">昨天 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&aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580133&handlekey=savephoto_580133">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:43">昨天 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&aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580132&handlekey=savephoto_580132">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:29">昨天 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&aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580133&handlekey=savephoto_580133">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:43">昨天 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&aid=NTgwMTMyfDZkYTc0ZWRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580132"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580132&handlekey=savephoto_580132">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:29">昨天 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&aid=NTgwMTMzfDM1NGZlMDRifDE1Mzc3NTQwODB8MTk1MHwxNzYzNzc%
3D&nothumb=yes" target="_blank">下载附件</a>
<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_580133"
url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=580133&handlekey=savephoto_580133">保存到相册</a>
</p>
<p class="xg1 y"><span title="2018-9-23 21:43">昨天 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>