江城子·男儿
<style>
#mydiv { margin: 130px 0 20px calc(50% - 931px) ; width: 1600px; height: 800px; background: url('https://pic.imgdb.cn/item/6708b372d29ded1a8c750e50.jpg') no-repeat center/cover; box-shadow: 2px 2px 5px #333; overflow: hidden; z-index: 1; position: relative; }
.mama { position: absolute; left: 300px; bottom: 120px; width:80px; height: 80px; cursor: pointer; animation: rot 8s linear infinite var(--state); }
.mama:nth-of-type(2) { right: 100px; bottom: 220px;}
e-son { position: absolute; left: calc(50% - 2.5px); top:6px; width: 20px; height: 30px; border-radius: 50% 50%; border: 0px solid snow; transform-origin: 50% 100%; transform: rotate(var(--deg)) translateY(-10px); background: hsla(var(--bg), 100%, 50%, .23); }
#vid { position: absolute; bottom: 0; width:100%; height: calc(100% + 80px); object-fit: cover; mix-blend-mode: screen; opacity: .40;}
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mydiv">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1329748111" autoplay="" loop=""></audio>
<video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/02/18/5b53d51921ea8_10s_big.mp4" muted="muted" autoplay="autoplay" loop="loop"></video>
<div class="mama" id="ma"></div>
</div>
<br><br><br><br><br><br><br> 江城子·男儿
一年一度又重阳,
见秋凉,
叶飞扬。
老骥起云,
一马踏冰霜。
会挽雕弓三百石,
诗与酒,
舞霓裳。
男儿情到也痴狂,
借秋光,
品花黄。
成败功名,
何处笑张良。
铁马冰河卜算子,
居山岗,
起苍茫。
注:
张良:西汉留侯张良。
铁马冰河卜算子:特指陆游之“铁马冰河入梦来”,《卜算子·咏梅》。
枝条真是多才多艺啊,还会做音画{:10_403:} 欣赏一下{:10_402:}
页:
[1]