论坛 › 〖心灵小栖〗〓 原创版 › 【雪の】花语心灵别苑~

雪の花语 发表于 2020-3-28 09:14

雪の花语 发表于 2020-3-28 09:15

雪の花语 发表于 2020-3-28 09:15

雪の花语 发表于 2020-3-28 09:15

雪の花语 发表于 2020-3-28 09:16

雪の花语 发表于 2020-3-28 09:16

雪の花语 发表于 2020-3-28 09:17

雪の花语 发表于 2020-3-28 09:17

雪の花语 发表于 2020-3-28 09:18

<table cellspacing="0" cellpadding="0"><tbody><tr><td class="t_f" id="postmessage_6364101">
<style type="text/css">
/* 父框盒子 */
#xq { position: relative; left:-250px; top:120px; width: 2022px; height:756px; background-image: url('https://www.9yfeng.com/data/attachment/forum/202206/27/110042bs090imgr9ui1tdt.jpg'); box-shadow: 4px 4px 5px #888; background-size: 2022px 756px; border-radius:12px; background-position: 1200px 0;animation: mv 28s linear infinite; }
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
/* 摇摆字 */
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
      margin: auto;
      width: 400px;
      text-align: center;
      font-size: 1.5rem;
      font-weight: bold;
      color:#DF7401;
      transform-origin: top;
      animation: yao 0.8s linear infinite alternate;
}
/* 动画 */
@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}

/* 轱辘诗 */
.hxBox { position: absolute; left:220px; top:150px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;transform-origin: 50 50; animation: go 24s linear infinite;}
@keyframes go { to { transform: rotate(-360deg);} }
.hxBox path { fill: none; }
.hxBox svg { display: block; overflow: visible; }
</style>

<div id="xq">
      <div id="baiBox" style="left: 800px; top: 415px; position: absolute;"><font size="7"><font color="yellowgreen">雪の花语</font></font></div>

<div class="hxBox">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                <path id="yuan" d="M 0 50 a 50 50 0 1 1 0 1 Z"></path>
                <text stroke="#b40431">
                        <textPath xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#yuan">
                              
                        </textPath>
                </text>
      </svg>
</div>
      

      <!-- 控制按钮应是父盒子的第一代子元素 -->
      <div style="left: 600px; top: calc(100% - 140px); width: 50px; text-align: center; position: absolute;">
                <button class="picBtn" id="picBtn"></button>
      </div>
</div>
<!-- 因为播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" src="http://music.163.com/song/media/outer/url?id=321768.mp3" autoplay="autoplay" loop="loop"></audio>


<style>

.mvBox {

      position: relative;

      width: 1600px;

      height: 100px;
      left:10px;
      top:-100px;
      color:#DF7401;

      line-height: 40px;

      font-size: 15px;

      animation: mq linear 10s infinite;

}

@keyframes mq {

      from { transform: translateX(200px); }

      to { transform: translateX(0); }

}

</style>



<div class="mvBox"><font color="yellowgreen">风轻云淡的日子~不知何处的你~这一生这一世都在伤情和孤独里~情意抵不过别离~相识相知却只能是相离</font></div>
<br><br><br></td></tr></tbody></table>

雪の花语 发表于 2020-3-28 09:19

<div><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://b.bst.126.net/common/spirit.swf?version=1.0.13&amp;t=20110426" width="10" height="10" type="application/x-shockwave-flash" allownetworking="all" flashvars="loop=0&amp;autoPlay=true&amp;url=http://dt.163.com/download/music/7.mp3&amp;title=我是君心千年泪&amp;artist=雪梦閣" allowscriptaccess="always" quality="high" invokeurls="false" wmode="transparent"> </div>

查看完整版本: 【雪の】花语心灵别苑~