焱鑫磊 发表于 2022-11-8 21:47

《真心真意过一生》叶倩文

<style type="text/css">/*容器*/
                .container0 {width: 1024px;margin-top:0px; margin-left:-12px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 5px #880000;
height: 600px;display: flex; background: #333 url('http://pan.yinhuabbs.cn/view.php/334c36ce460c6bf27a55c32920d5cfc5.jpg') no-repeat center/cover;
               
                        perspective: 1000px;
                }
                /*piece盒子*/
                .piece-box {
                        position: relative;
                        width: 200px;
                        height: 200px;
                        margin: 300px 150px;
                        perspective-origin: 50% 50%;
                       
                transform-style: preserve-3d;
                animation: pieceRotate 10s;
             
                }
                /*为了实现第二个动画加的盒子*/
                .piece-box2 {
                       
                transform-style: preserve-3d;
                animation: boxRotate 5s 10s infinite;
                
                }
                /*piece通用样式*/
                .piece {
                        position: absolute;
                        width: 200px;
                        height: 200px;
                       
                        opacity: 0.9;

                }
                .piece-1 {
                        background: url(http://pan.yinhuabbs.cn/view.php/36dba399ec8eac77fd455a325f071029.jpg)-70px 0/150% 100%;
                
                transform: rotateY(0deg) translateZ(173.2px);
                animation: piece1Rotate 5s 5s;
             
                          animation-fill-mode: forwards;

                }
                .piece-2 {
                        background: url(http://pan.yinhuabbs.cn/view.php/63d3a7a0498bd219fd3435eb24b4c9c6.jpg)-50px 0/150% 100%;
                
                transform: rotateY(60deg) translateZ(173.2px);
                animation: piece2Rotate 5s 5s;
             
                          animation-fill-mode: forwards;
                }
                .piece-3 {
                        background: url(http://pan.yinhuabbs.cn/view.php/7c51a74bd34c433efe5eb37cbb4d7436.jpg)-50px 0/150% 100%;
                
                transform: rotateY(120deg) translateZ(173.2px);
                 animation: piece3Rotate 5s 5s;
                
                          animation-fill-mode: forwards;
                }
                .piece-4 {
                        background: url(http://pan.yinhuabbs.cn/view.php/8235c62c227269cffb17f4d0f8f0e4f4.jpg)-50px 0/150% 100%;
                
                transform: rotateY(180deg) translateZ(173.2px);
                 animation: piece4Rotate 5s 5s;
             
                          animation-fill-mode: forwards;
                }
                .piece-5 {
                        background: url(http://pan.yinhuabbs.cn/view.php/6375596818a25cec3871f02d27c94d0c.jpg)-50px 0/150% 100%;
                
                transform: rotateY(240deg) translateZ(173.2px);
                 animation: piece5Rotate 5s 5s;
                
                          animation-fill-mode: forwards;
                }
                .piece-6 {
                        background: url(http://pan.yinhuabbs.cn/view.php/6705748e055712480f2602306511b82e.jpg)-50px 0/150% 100%;
                
                transform: rotateY(300deg) translateZ(173.2px);
                animation: piece6Rotate 5s 5s;
                
                          animation-fill-mode: forwards;
                }


/*走马灯动画*/
                @keyframes pieceRotate
          {
          0%   {
                    transform: rotatex(-5deg)rotateY(0deg);}
          100% {
                    transform: rotatex(5deg)rotateY(360deg);}
          }
       
/*以下是走马灯转变为六面正方体的动画*/

/*front*/
          @keyframes piece1Rotate
          {
          0%   {
                transform: rotateY(0deg) translateZ(173.2px);}
          100% {
                        transform:rotateY(0deg) translateZ(100px);}
          }
          
/*back*/
                @keyframes piece2Rotate
          {
          0%   {
                transform: rotateY(60deg) translateZ(173.2px);}
          100% {
                        transform:rotateY(0deg) translateZ(-100px);}
          }
          
/*left*/
                @keyframes piece3Rotate
          {
          0%   {
                transform: rotateY(120deg) translateZ(173.2px);}
          100% {
                        transform: translateX(-100px) rotateY(90deg);}
          }
       
/*right*/
                @keyframes piece4Rotate
          {
          0%   {
                transform: rotateY(180deg) translateZ(173.2px);}
          100% {
                        transform: translateX(100px) rotateY(90deg);}
          }
          
/*top*/
                @keyframes piece5Rotate
          {
          0%   {
                transform: rotateY(240deg) translateZ(173.2px);}
          100% {
                        transform: translateY(-100px) rotateX(90deg);}
          }
          
/*bottom*/
                @keyframes piece6Rotate
          {
          0%   {
                transform: rotateY(300deg) translateZ(173.2px);}
          100% {
                        transform: translateY(100px) rotateX(90deg);}
          }
          
          
/*正方体旋转动画*/
                @keyframes boxRotate
          {
          0%   {
                transform:rotateX(0deg) rotateY(-360deg););}
          100% {
                        transform: rotateX(-360deg) rotateY(360deg);}
          }
</style>
<div class="container0">
<div class="piece-box">
<div class="piece-box2">
<div class="piece piece-1">&nbsp;</div>

<div class="piece piece-2">&nbsp;</div>

<div class="piece piece-3">&nbsp;</div>

<div class="piece piece-4">&nbsp;</div>

<div class="piece piece-5">&nbsp;</div>

<div class="piece piece-6">&nbsp;</div>
</div>
</div>
</div>

<div style="margin-top: 30px; margin-left: 30px"><embed></embed><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://url.amp3a.com/kuwo.php/57930643.mp3&amp;lrc=
《真心真意过一生》叶倩文
词：陈大力曲：陈大力 陈秀男
LRC歌词制作：焱鑫磊
看世间 忙忙碌碌
何苦走这不归路
熙熙攘攘为名利
何不开开心心交朋友
时时刻刻忙算计
谁知算来算去算自己
卿卿我我难长久
何不平平淡淡活到老
真真假假怨人生
不如轻轻松松过一生
是非恩怨随风付诸一笑
聚散离合本是人生难免
爱情也许会老
真心永远年轻
有我有你有明天
人生短短何必计较太多
成败得失不用放在心头
今霄对月高歌
明朝海阔天空
真心真意过一生
熙熙攘攘为名利
何不开开心心交朋友
时时刻刻忙算计
谁知算来算去算自己
卿卿我我难长久
何不平平淡淡活到老
真真假假怨人生
不如轻轻松松过一生
是非恩怨随风付诸一笑
聚散离合本是人生难免
爱情也许会老
真心永远年轻
有我有你有明天
人生短短何必计较太多
成败得失不用放在心头
今霄对月高歌
明朝海阔天空
真心真意过一生
熙熙攘攘为名利
何不开开心心交朋友
时时刻刻忙算计
谁知算来算去算自己
卿卿我我难长久
何不平平淡淡活到老
真真假假怨人生
不如轻轻松松过一生
是非恩怨随风付诸一笑
聚散离合本是人生难免
爱情也许会老
真心永远年轻
有我有你有明天
人生短短何必计较太多
成败得失不用放在心头
今霄对月高歌
明朝海阔天空
真心真意过一生
是非恩怨随风付诸一笑
聚散离合本是人生难免
爱情也许会老
真心永远年轻
有我有你有明天
人生短短何必计较太多
成败得失不用放在心头
今霄对月高歌
明朝海阔天空
真心真意过一生

&amp;mp3b=&amp;mp3n=焱鑫磊博客&amp;&amp;gczt=黑体
&amp;gczh=40&amp;gcys=0025c3&amp;gczzys=c30000&amp;gcljys=ffffff&amp;gcljld=1" height="90" invokeurls="false" quality="high" src="http://bbs.cnzv.cc/pan/qun91530683/2022/11/08/723b17c9b1a0bc098a90f1f745302847.swf" style="width: 900px; height: 90px" type="application/x-shockwave-flash" width="900" wmode="transparent"></embed></div>

<div style="margin-top: 0px; margin-left: 0px;">&nbsp;</div>

巫荣云师 发表于 2022-11-8 22:33

欣赏收藏老师的 好看又好听，点赞！

蓝魔 发表于 2022-11-8 23:05

欣赏一下，谢谢。

焱鑫磊 发表于 2022-11-9 00:23

巫荣云师 发表于 2022-11-8 22:33
欣赏收藏老师的 好看又好听，点赞！

问候老师好！

焱鑫磊 发表于 2022-11-9 00:24

蓝魔 发表于 2022-11-8 23:05
欣赏一下，谢谢。

问候老师好！

非常开心 发表于 2022-11-9 23:54

欣赏楼主的新作，点赞多谢分享！

焱鑫磊 发表于 2022-11-10 00:46

非常开心 发表于 2022-11-9 23:54
欣赏楼主的新作，点赞多谢分享！

问候老师晚上好！
页: [1]
查看完整版本: 《真心真意过一生》叶倩文