【大雁音画】《至少还有你+歌词同步》 - 第2页 - 【与图有染】 - 中画网

幽园馨兰 发表于 2017-12-30 19:53

敲响的是钟声，走过的是岁月，留下的是故事，带走的是希望，盼望的是美好，送来的是祝福：元旦快乐!感谢精彩分享！

糊里糊涂 发表于 2017-12-30 21:22

雁归来发表于 2017-12-30 12:08
删除了，会不会显示？

5楼就是删了后的效果

糊里糊涂 发表于 2017-12-30 21:25

幽园馨兰发表于 2017-12-30 19:53
好漂亮的画面，那个立体方形很好看，精彩，林忆莲的歌曲，喜欢！赞一个！

Href就是链接到这个网站的标签

糊里糊涂 发表于 2017-12-30 21:32

您所指的多稜镜是不是就是这个六面体，如果是，请在此上传几张您喜欢的图片（800•600），我可以试试。

雁归来 发表于 2017-12-30 22:16

糊里糊涂发表于 2017-12-30 21:32
您所指的多稜镜是不是就是这个六面体，如果是，请在此上传几张您喜欢的图片（800•600），我可以试试 ...

是的，就是这个意思，你帮我多做几个这样的图片，并附上我的名字。

雁归来 发表于 2017-12-30 22:18

幽园馨兰发表于 2017-12-30 19:51
问好雁归来，欣赏你的精彩制作

谢谢馨兰老师问候分享支持！

雁归来 发表于 2017-12-30 22:18

幽园馨兰发表于 2017-12-30 19:52
问好雁归来，欣赏你的精彩制作

谢谢您点赞支持！

雁归来 发表于 2017-12-30 22:19

<div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&goto=findpost&pid=1432878&ptid=204416" target="_blank"><font color="#999999">幽园馨兰发表于 2017-12-30 19:53</font></a></font>
好漂亮的画面，那个立体方形很好看，精彩，林忆莲的歌曲，喜欢！赞一个！</blockquote></div>
谢谢馨兰老师点赞支持，这是我早期的素材代码，又拿到中画来玩了哈！

糊里糊涂 发表于 2017-12-31 09:52

本帖最后由糊里糊涂于 2017-12-31 14:58 编辑 <br /><br />雁归来发表于 2017-12-30 22:16
是的，就是这个意思，你帮我多做几个这样的图片，并附上我的名字。

先看看这个,这是用代码编的，限六张图片（可以任意换图片）。楼主的不限六张图片<div><br><p></p><div><br></div></div>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6</title>
<style>
   *{
         margin: 0;
         padding: 0;
   }
   .box{
         width: 200px;
         height: 200px;
         margin: 260px auto;
         position: relative;
         transform-style: preserve-3d;
         animation: change 10s linear infinite alternate;
   }
   .box>div{
         width: 200px;
         height: 200px;
         position: absolute;
         transition: all 3s;
   }
   .box:hover>div{
         width: 300px;
         height: 300px;
   }
   /*.box:hover>.even{*/
         /*transform: translateZ(120px);*/
   /*}*/
   /*.box:hover>.odd{*/
         /*transform: translateZ(-120px);*/
   /*}*/
   .box:hover>.tx1{
         transform: rotateX(90deg) translateZ(170px);
   }
   .box:hover>.tx2{
         transform: rotateX(90deg) translateZ(-170px);
   }
   .box:hover>.ty3{
         transform: rotateY(90deg) translateZ(170px);
   }
   .box:hover>.ty4{
         transform: rotateY(90deg)translateZ(-170px);
   }
   .box:hover>.tz5{
         transform: rotateZ(90deg) translateZ(170px);
   }
   .box:hover>.tz6{
         transform: rotateZ(90deg) translateZ(-170px);
   }
   .box>div:nth-child(1){
         background: url("http://img2.oldkids.cn/upload/2017/12/24/photo_20171224104436942.jpg") no-repeat center;
         background-size: cover;
         transform: rotateX(90deg) translateZ(100px);

   }
   .box>div:nth-child(2){
         background: url("http://img3.oldkids.cn/upload/2017/12/24/photo_20171224103834935.jpg") no-repeat center;
         background-size: cover;
         transform: rotateX(90deg) translateZ(-100px);
   }
   .box>div:nth-child(3){
         background: url("http://img4.oldkids.cn/upload/2017/12/24/photo_20171224092332016.jpg") no-repeat center;
         background-size: cover;
         transform: rotateY(90deg) translateZ(100px);
   }
   .box>div:nth-child(4){
         background: url("http://img3.oldkids.cn/upload/2017/12/24/photo_20171224092329162.jpg") no-repeat center;
         background-size: cover;
         transform: rotateY(90deg) translateZ(-100px);
   }
   .box>div:nth-child(5){
         background: url("http://img4.oldkids.cn/upload/2017/12/24/photo_20171224092327128.jpg") no-repeat center;
         background-size: cover;
         transform:translateZ(100px);
   }
   .box>div:nth-child(6){
         background: url("http://img4.oldkids.cn/upload/2017/12/24/photo_20171224092326466.jpg") no-repeat center;
         background-size: cover;
         transform:translateZ(-100px);
   }
   @keyframes change {
         0%{
            transform: rotateX(45deg)rotateZ(30deg);
         }
         25%{
            transform: rotateX(111deg)rotateY(30deg);
         }
         60%{
            transform: rotateZ(135deg)rotateZ(70deg);
         }
         100%{
            transform: rotateY(205deg)rotateZ(200deg);
         }
   }

</style>
</head>
<body>
<div class="box">
<div class="even tx1"></div>
<div class="odd tx2"></div>
<div class="even ty3"></div>
<div class="odd ty4"></div>
<div class="even tz5"></div>
<div class="odd tz6"></div>
</div>
</body>
</html><br><br><br><br>

糊里糊涂 发表于 2017-12-31 14:56

本帖最后由糊里糊涂于 2017-12-31 14:57 编辑 <br /><br />再看看这个,也是用代码编的，图片透明，限六张图片（可以任意换图片）。
<EMBED height=500 type=application/x-shockwave-flash width=500
src=http://flash.picturetrail.com/pflicks/acrobatcube_r.swf
FLASHVARS="img1=http://img1.oldkids.cn/upload/2017/12/03/blog_20171203141059702.jpg&type=2&op=0.jpg&img2=http://img2.oldkids.
cn/upload/2017/12/03/blog_20171203141151231.jpg&type=2&op=0.jpg&img3=http://img1.oldkids.cn/upload/2017/12/03/blog_20171203141233775.jpg&type=2&op=0.jpg&img4=http://img2.oldkids.cn/upload/2017/12/03/blog_20171203141312817.jpg&type=2&op=0.jpg&img5=http://img3.oldkids.cn/upload/2017/12/03/blog_20171203141353862.jpg&type=2&type=2&opjpg&img6= http://img3.oldkids.cn/upload/2017/12/03/blog_20171203141430398.jpg&type=2&op=0.jpg&type=2&op=0.jpg&type=2&op=0.jpg&faceopacity=80&ba ckopacity=100&cubecroptofit=1&enlargecroptofit=0&test=1" WMODE="transparent" LOOP="false" BGCOLOR="#FFFFFF">

页: 1 [2] 3 4

中画网's Archiver