漂亮的特效音画，分享了。
问好，欣赏你的精美制作
装满暖暖的阳光，装满暖暖的春风，装满淡淡的花香，装满轻轻的问候，祝你春日安好，感谢精彩分享。
落雨听禅 发表于 2019-3-5 19:48
问好，欣赏你的精美制作
http://www.yinhuabbs.cn/data/attachment/forum/201801/20/151555yi1zvc39u01t96h1.gif
沐北 发表于 2019-3-5 19:09
漂亮的特效音画，分享了。
http://www.yinhuabbs.cn/data/attachment/forum/201704/09/154506gd6cx66060n6isgp.gif
黔中一叟 发表于 2019-3-5 11:52
看望朋友，欣赏佳作，聆听美妙的乐曲。路遥千里，隔不断情谊；茫茫网海，牵挂尽在祝福中，祝朋友幸福快乐！
http://www.yinhuabbs.cn/data/attachment/forum/201805/08/080600ygyasalluldytyll.gif
墨雪幽梅 发表于 2019-3-5 12:42
动画好棒，欣赏问好糊涂
http://www.yinhuabbs.cn/data/attachment/forum/201704/09/154049no00o7777uzp72oa.gif
墨雪幽梅 发表于 2019-3-5 12:40
好象有点慢
<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://www.yinhuabbs.cn/data/attachment/forum/201711/21/190403yf29ip7d7wwdl93i.jpg"/>
<img src="http://www.yinhuabbs.cn/data/attachment/forum/201711/21/190403yf29ip7d7wwdl93i.jpg"/>
<img src="http://www.yinhuabbs.cn/data/attachment/forum/201711/21/190403yf29ip7d7wwdl93i.jpg" />
<img src="http://www.yinhuabbs.cn/data/attachment/forum/201711/21/190403yf29ip7d7wwdl93i.jpg"/>
<img src="http://www.yinhuabbs.cn/data/attachment/forum/201711/21/190403yf29ip7d7wwdl93i.jpg"/>
</div>
</div>
布衣人家 发表于 2019-3-5 12:50
欣赏老师的佳作，问好！！！
http://www.yinhuabbs.cn/data/attachment/forum/201811/12/144206t8otcqu5t6cpt88o.png
绿地水池 发表于 2019-3-5 14:47
来欣赏糊里糊涂朋友的佳作。点赞。
http://www.yinhuabbs.cn/data/attachment/forum/201811/12/144206t8otcqu5t6cpt88o.png