加林森 发表于 2022-1-30 18:38

【欢欢喜喜过大年】Felicia蔡菲凡 送大家！


<style type="text/css">

.paBox {
        margin: auto;
        width: 720px;
        height: 620px;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-shadow: 4px 4px 8px 2px #000;
        padding: 8px;
}

.imgBox { position: relative; flex-grow: 2; background: rgba(0,0,0,0.8); }
.imgBox img {
        position: absolute;
        top:0; left:0; right:0; bottom:0;
        margin: auto;
        width: 50%;
        height: 50%;
        transition: 1s;
        cursor: pointer;
}
.imgBox img:hover { transform: rotate(360deg) scale(2,2); }
.footBox { height: 100px; display: flex; flex-direction: row; gap: 8px; justify-content: center; }
.footBox img { width: 100px; height: 100px; border-radius: 50%; cursor: pointer; opacity: 0.8; }
.footBox img:hover { opacity:1; }

</style>

<div class="paBox">
        <iframe style="position: absolute; clip-path: circle(33px at 43px 43px); opacity: 0.5;z-index: 666;" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1822193354&auto=1&height=66"></iframe>


        <div class="imgBox"><img id="bigpic" src="https://pic.imgdb.cn/item/61f663bf2ab3f51d91984b76.jpg" alt="" /></div>
        <div class="footBox">
                <img id="img1" onclick="showpic('img1')" src="https://pic.imgdb.cn/item/61f667bf2ab3f51d919b9bb0.jpg" alt="" />
                <img id="img2" onclick="showpic('img2')" src="https://pic.imgdb.cn/item/61f6682e2ab3f51d919bf9ae.jpg" alt="" />
                <img id="img3" onclick="showpic('img3')" src="https://pic.imgdb.cn/item/61f6688e2ab3f51d919c475c.jpg" alt="" />
                <img id="img4" onclick="showpic('img4')" src="https://pic.imgdb.cn/item/61f668db2ab3f51d919c9050.jpg" alt="" />
                <img id="img5" onclick="showpic('img5')" src="https://pic.imgdb.cn/item/61f669292ab3f51d919cd1a0.jpg" alt="" />
                <img id="img6" onclick="showpic('img6')" src="https://pic.imgdb.cn/item/61f6697a2ab3f51d919d2489.jpg" alt="" />
        </div>
</div>

<script>
var bigpic = document.getElementById('bigpic');
function showpic(id) { bigpic.src = document.getElementById(id).src; }
</script>

加林森 发表于 2022-1-30 18:39

跟着老黑学习的制作。感谢老黑！@马黑黑

加林森 发表于 2022-1-30 19:03

本帖最后由 加林森 于 2022-1-30 19:05 编辑

欢欢喜喜过大年
歌手：Felicia蔡菲凡


作词 : Listen Dream
作曲 : Listen Dream
编曲 : 徐鑫@RLY-MUSIC
制作人 : 徐鹏
正月里来是新年
瑞雪兆丰年
三十的春联红满天
喜气洋洋迎新年
大红灯笼挂起来
大伙举杯碰起来
开开心心 团团圆圆
我们恭贺新春来
欢欢喜喜过大年
千家万户笑开颜
锣鼓喧天 岁岁年年
亲朋好友在身边
欢欢喜喜过大年
财神来到家门前
笑口常开 健康常在
祝你好运又一年
正月里来是新年
瑞雪兆丰年
三十的春联红满天
喜气洋洋迎新年
大红灯笼挂起来
大伙举杯碰起来
开开心心 团团圆圆
我们恭贺新春来
欢欢喜喜过大年
千家万户笑开颜
锣鼓喧天 岁岁年年
亲朋好友在身边
欢欢喜喜过大年
财神来到家门前
笑口常开 健康常在
祝你好运又一年
欢欢喜喜过大年
千家万户笑开颜
锣鼓喧天 岁岁年年
亲朋好友在身边
欢欢喜喜过大年
财神来到家门前
笑口常开 健康常在
祝你好运又一年





红影 发表于 2022-1-30 20:30

恭喜队长做成了，这个很喜庆呢，跟队长一起祝福大家新春快乐{:4_187:}

马黑黑 发表于 2022-1-30 20:43

{:4_187:}

加林森 发表于 2022-1-30 20:44

红影 发表于 2022-1-30 20:30
恭喜队长做成了，这个很喜庆呢，跟队长一起祝福大家新春快乐

谢谢红影支持！{:4_187:}
祝福大家虎年虎虎生威、虎年吉祥，新春快乐！{:4_204:}

加林森 发表于 2022-1-30 20:47

马黑黑 发表于 2022-1-30 20:43


谢谢老黑的教程，有你真好！{:4_191:}

杨柳青 发表于 2022-1-30 23:13

队长真用功哈~~帖子做得呱呱叫~~{:5_116:}

加林森 发表于 2022-1-30 23:20

杨柳青 发表于 2022-1-30 23:13
队长真用功哈~~帖子做得呱呱叫~~

必须的啊
页: [1]
查看完整版本: 【欢欢喜喜过大年】Felicia蔡菲凡 送大家！