红影 发表于 2022-4-21 12:46

【轱辘诗】贺加林森生辰


<style type="text/css">
/* 外框盒子 */
#xq { position: relative; left:-304px; top:120px; width: 1200px; height: 675px; background-image: url('https://pic.imgdb.cn/item/6260dcb5239250f7c59459b7.jpg'); box-shadow: 4px 4px 5px #888;border-radius:12px;}


/* 播放按钮 */
.picBtn {
      width: 100px;
      height: 100px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif') no-repeat;
      cursor: pointer;
}
/* 轱辘诗 */
.hxBox { position: absolute; left:920px; top:160px; 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 class="hxBox">
      <svg viewBox="0 0 100 100">
                <path d="M 0, 50 a 50, 50 0 1, 1 0, 1 z" id="yuan" />
                <text stroke="#E66B1A">
                        <textPath xlink:href="#yuan">
                              加雅静月明林影翠森森鸟弄琴
                        </textPath>
                </text>
      </svg>
</div>
      <div style="position: absolute; left:60px; top: 220px; width:500px;">
                <img alt="" src="https://pic.imgdb.cn/item/6260d96f239250f7c58ebc20.gif"/>         
      </div>
      <div style="position: absolute; left:500px; top: 280px; width:316px; opacity: .75;">
                <img alt="" src="https://pic.imgdb.cn/item/6260dabe239250f7c590f3ac.gif"/>            
      </div>

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

<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
      mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}
mu.addEventListener("ended", function(){
      btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')";
});
</script>

红影 发表于 2022-4-21 12:49

三言：影，翠森森，鸟弄琴，加雅静，月明林。
四言：影翠森森，森鸟弄琴。琴加雅静，静月明林。
五言：林影翠森森，森森鸟弄琴。弄琴加雅静，雅静月明林。
七言：月明林影翠森森，影翠森森鸟弄琴。森鸟弄琴加雅静，琴加雅静月明林。

大猫咪 发表于 2022-4-21 12:49

本帖最后由 大猫咪 于 2022-4-21 12:51 编辑

红影制作真漂亮，清新雅致，轱辘诗 真赞 用心之作   特别喜欢这歌真温暖！

一起祝福队长生日快乐，开心每一天！

{:5_166:}{:4_204:}{:4_176:}{:4_177:}{:4_199:}

红影 发表于 2022-4-21 12:50

弄一片茂密的森林，送给加加做生日礼物，林鸟轻唱，溪水潺潺，同贺队长生日快乐{:4_187:}

东篱闲人 发表于 2022-4-21 12:51

红影 发表于 2022-4-21 12:49
三言：影，翠森森，鸟弄琴，加雅静，月明林。
四言：影翠森森，森鸟弄琴。琴加雅静，静月明林。
五言：林 ...

改名森加林啦？{:5_117:}

红影 发表于 2022-4-21 12:58

东篱闲人 发表于 2022-4-21 12:51
改名森加林啦？

哈哈，反正是转动的轱辘，没事，慢慢等它转，转过来就对了{:4_173:}

红影 发表于 2022-4-21 12:59

大猫咪 发表于 2022-4-21 12:49
红影制作真漂亮，清新雅致，轱辘诗 真赞用心之作   特别喜欢这歌真温暖！

一起祝福队长生日快乐，开心 ...

谢谢猫猫，跟猫猫一起祝贺队长生日{:4_204:}

加林森 发表于 2022-4-21 13:16

谢谢红影，轱辘诗 真赞，整个画面都充满了森林的气息，真好。{:4_204:}{:4_190:}

梦油 发表于 2022-4-21 14:15

借红影朋友的美帖，祝福加林森朋友生日快乐！

红芍药 发表于 2022-4-21 14:25

影子制作得好看，队长生日快乐。{:4_199:}{:4_199:}

顾-念 发表于 2022-4-21 15:39

红影总是这样细心，暖心。同祝生日快乐！

加林森 发表于 2022-4-21 17:19

梦油 发表于 2022-4-21 14:15
借红影朋友的美帖，祝福加林森朋友生日快乐！

谢谢梦油，一起快乐！{:4_204:}{:4_190:}

加林森 发表于 2022-4-21 17:20

红芍药 发表于 2022-4-21 14:25
影子制作得好看，队长生日快乐。

谢谢芍药姑娘支持！{:4_204:}{:4_190:}

加林森 发表于 2022-4-21 17:20

顾-念 发表于 2022-4-21 15:39
红影总是这样细心，暖心。同祝生日快乐！

谢谢老顾！{:4_190:}

梦油 发表于 2022-4-21 18:15

加林森 发表于 2022-4-21 17:19
谢谢梦油，一起快乐！

分享加林森朋友的快乐也是一种幸福。

加林森 发表于 2022-4-21 18:16

梦油 发表于 2022-4-21 18:15
分享加林森朋友的快乐也是一种幸福。

好的好的。

梦油 发表于 2022-4-21 18:20

加林森 发表于 2022-4-21 18:16
好的好的。

今晚要喝两盅吧！{:4_191:}

加林森 发表于 2022-4-21 18:25

梦油 发表于 2022-4-21 18:20
今晚要喝两盅吧！

还没有喝呢。

樵歌 发表于 2022-4-21 20:33

挖，师妹这礼物太弥足珍贵了！旋转的轱辘，意境丰满幽森，图中有仙境，放飞有彩球，吃的有蛋糕，真是应有尽有。{:4_178:}

梦油 发表于 2022-4-21 20:52

加林森 发表于 2022-4-21 18:25
还没有喝呢。

哈哈哈！先吃蛋糕吧。
页: [1]
查看完整版本: 【轱辘诗】贺加林森生辰