敢问路在何方 - 【与图有染】 - 中画网 - Powered by Discuz! Archiver

论坛 › 【与图有染】 › 敢问路在何方

糊里糊涂 发表于 2019-1-2 16:29

敢问路在何方

<style>
         /*# id选择器 id不能重复命名*/
#pic_holder img {
position: relative;
width:120px;
height:190px;
opacity: 0;
}
         #widePic0{
            /*声明一个3D空间*/
            transform-style: preserve-3d;
            animation: animatePic0 30s linear infinite;
            animation-direction:alternate;
         }

         #widePic1{
            /*声明一个3D空间*/
            transform-style: preserve-3d;
            animation: animatePic1 30s linear infinite;
            animation-direction:alternate;
margin-left: -120px;
         }

         #widePic2{
            /*声明一个3D空间*/
            transform-style: preserve-3d;
            animation: animatePic2 30s linear infinite;
            animation-direction:alternate;
margin-left: -120px;
         }

         #widePic3{
            /*声明一个3D空间*/
            transform-style: preserve-3d;
            animation: animatePic3 30s linear infinite;
            animation-direction:alternate;
margin-left: -120px;
         }

         #widePic4{
            /*声明一个3D空间*/
            transform-style: preserve-3d;
            animation: animatePic4 30s linear infinite;
            animation-direction:alternate;
margin-left: -120px;
         }
         /*定义一个动画*/
         @keyframes animatePic0 {
            0% {
               transform: translate(240px,205px); opacity:0.1;
            }
            30% {
transform: translate(240px,0px); opacity:1.0;
            }
            45% {
transform: translate(480px,205px);
            }
            60% {
transform: translate(240px,410px);
            }
            75% {
transform: translate(0px,205px);
            }
            90% {
transform: translate(240px,0px); opacity:1;
            }
            100% {
               transform: translate(240px,205px); opacity:0;
            }
         }
         @keyframes animatePic1 {
            0% {
               transform: translate(240px,205px); opacity:0.1;
            }
            30% {
               transform: translate(0px,205px);opacity:1.0;
            }
            45% {
transform: translate(240px,0px);
            }
            60% {
transform: translate(480px,205px);
            }
            75% {
transform: translate(240px,410px);
            }
            90% {
transform: translate(0px,205px);opacity:1
            }
            100% {
               transform: translate(240px,205px); opacity:0;
            }
         }
         @keyframes animatePic2 {
            0% {
               transform: translate(240px,205px); opacity:0.1;
            }
            30% {
               transform: translate(240px,410px);opacity:1.0;
            }
            45% {
transform: translate(0px,205px);
            }
            60% {
transform: translate(240px,0px);
            }
            75% {
transform: translate(480px,205px);
            }
            90% {
transform: translate(240px,410px);opacity:1
            }
            100% {
               transform: translate(240px,205px); opacity:0;
            }
         }
         @keyframes animatePic3 {
            0% {
               transform: translate(240px,205px); opacity:0.1;
            }
            30% {
               transform: translate(480px,205px);opacity:1.0;
            }
            45% {
transform: translate(240px,410px);
            }
            60% {
transform: translate(0px,205px);
            }
            75% {
transform: translate(240px,0px);
            }
            90% {
transform: translate(480px,205px);opacity:1
            }
            100% {
               transform: translate(240px,205px); opacity:0;
            }
         }
         @keyframes animatePic4 {
            0% {
               transform: translate(240px,205px); opacity:0.1;
            }
            50% {
transform: translate(240px,205px); opacity:1;
            }
            100% {
               transform: translate(240px,205px); opacity:0.1;
            }
         }
   </style>
<div id="pic_holder" style="background-color:white; width:700px;height:700px;overflow:hidden;border-radius:25%;">
   <img id="widePic0" src="http://www.365.sh/data/attachment/forum/201901/02/152918w71h1wm3ema3m37m.jpg">
<img id="widePic1" src="http://www.365.sh/data/attachment/forum/201901/02/152957wmxejicz4s8qtizh.jpg">
   <img id="widePic2" src="http://www.365.sh/data/attachment/forum/201901/02/153025o7488zl44zuua8u0.jpg">
   <img id="widePic3" src="http://www.365.sh/data/attachment/forum/201901/02/153050ob2hhz0hisi2h6uh.jpg">
   <img id="widePic4" src="http://www.365.sh/data/attachment/forum/201901/02/153141tcdhsxy6xs4hboox.gif">
<br><br><br><br><br><br><br><br><br><br><br>
<p></p><p style="MARGIN-TOP: 100px; MARGIN-LEFT: 0px" align="center"><embed height="80" type="application/x-shockwave-flash"

width="90%" src="http://img3.oldkids.cn/upload/260805000/u260804222/2015/11/25/blog_20151125163040571605.swf"

allownetworking="internal"

flashvars="mp3=http://jiucd.dzz.cc/up/filestores/2016/06/20/9dc0a9e6da83efe0aea6399419a3456e.mp3&mp3n=敢问路在何方

&sf=180&lrc=
《敢问路在何方》
演唱：蒋大为
Lrc歌词编辑：糊里糊涂
你挑着担
我牵着马
迎来日出
送走晚霞
踏平坎坷
成大道
斗罢艰险
又出发
又出发
啦……
一番番春秋冬夏
一场场酸甜苦辣
敢问路在何方
路在脚下
你挑着担
我牵着马
翻山涉水
两肩霜花
风云雷电
任叱咤
一路豪歌
向天涯
向天涯
啦……
一番番春秋冬夏
一场场酸甜苦辣
敢问路在何方
路在脚下
啦... ...
一番番春秋冬夏
一场场酸甜苦辣
敢问路在何方
路在脚下
敢问路在何方
路在脚下
糊里糊涂祝您欣赏愉快

&gczt=宋体&gczh=50&gcys=ffff00&gcys1=00ff00&gcct=1&gcydys=ff0000&s=1" allowscriptaccess="never"

invokeurls="false" wmode="transparent"></p></div><br><br><br><br><br><br>

绿地水池 发表于 2019-1-2 17:40

路在去吐鲁番的方向。;P

沉醉的曲 发表于 2019-1-2 18:08

分享老师的精彩动画，问好。

幽园馨兰 发表于 2019-1-2 19:25

问好，欣赏你的精彩制作

幽园馨兰 发表于 2019-1-2 19:25

一杯香茗，一缕墨香，一曲悠扬，一幅画卷，一份祝福：冬日安好！感谢精彩分享，中画有你更精彩！

落雨听禅 发表于 2019-1-2 19:26

问好，欣赏你的精美制作

落雨听禅 发表于 2019-1-2 19:26

一杯香茗，一缕墨香，一曲悠扬，一幅画卷，一份祝福：冬日安好！感谢精彩分享，中画有你更精彩！

雁归来 发表于 2019-1-2 20:10

唯美的制作！我醉了！

黔中一叟 发表于 2019-1-2 20:59

朋友，欣赏你的精采，我们携手网络世界，倘徉网海，感受友情美好！幸福！祝朋友天天拥有好心情!

雲朵发表于 2019-1-4 11:04

问好，谢谢分享精彩

页: [1]

查看完整版本: 敢问路在何方