|
|
楼主 |
发表于 2024-4-1 06:18
|
显示全部楼层
<style>
#papa {
width: 650px;
min-height: 1160px;
padding: 40px;
box-sizing: border-box;
border-radius: 12px;
box-shadow: 0 0 8px #000;
position: relative;
margin: 60px auto 80px auto;
top: 0px;
display: grid; user-select: none;
place-items: center;
user-select: none;
}
#tit {
position: absolute;
left: 155px;
top: 400px;
font: bold 20px/26px 'FangSong',serif;
color: DarkOrchid;
}
#papa::before, #papa::after {
position: absolute;
content: '';
}
#papa::before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 2px dashed MediumPurple;
border-radius: inherit;
}
#papa::after {
content: '九九芳辰to小九 ';
padding: 10px 40px 10px 10px;
left: -10px;
top: 20px;
border-radius: 10px 0 0 10px;
background: BlueViolet;
opacity: .85;
font: bold 16px/24px sans-serif;
color: white;
clip-path: polygon(0 0,100% 0,90% 50%, 100% 100%, 0 100%);
}
#pic {
position: absolute;
left: 70px;
top: 90px;
width: 510px;
height: 275px;
}
.mpic { position: absolute; right: 10px; bottom: 20px; width: 200px; height: 144px; }
.mpic1 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .35;
background: url('https://pic.imgdb.cn/item/647c033ef024cca17313a454.gif'); }
@keyframes swing { from { transform: rotate(3deg); } to { transform: rotate(-2deg); } }
</style>
<div id="papa">
<div class="mpic1"></div>
<img id="pic" src="https://pic.imgdb.cn/item/66060b909f345e8d03bde1c0.jpg" alt="">
<img src="https://pic.imgdb.cn/item/65f852fa9f345e8d030e42e4.gif" alt="" class="mpic">
<div id="tit">山茶花：祝小九生日快乐<br>
2024-3-29文字：樵歌<br><br><br>
巴南之南，一株花<br>
把一座山城倾倒<br>
从此，七心红便为三千万儿女冠名<br><br>
这里的男儿个个耿直，俠骨柔肠<br>
这里的女儿美得，和山茶花一样<br>
娇艳端庄，热清奔放<br>
这里的人民对美好生活的象往<br>
用火锅来沸腾起希望<br><br>
浩歌待明月，九星联珠来<br>
采撷九百九十九朵山茶花<br>
插满花潮，只为您<br>
九九芳辰<br><br>
</div><br>
<script>
let sf = document.createElement('script');
sf.src = 'https://xlaj.cn/assets/file/zp/20240318205859.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);
sf.onload = () => {
let player = new ypP();
player.setAudSrc('https://music.163.com/song/media/outer/url?id=2019620319.mp3 ');
player.setBtnCss(`
width: 250px;
left: 30%;
bottom: 120px;
--btnBg: url('https://638183.freep.cn/638183/small/purple.png') no-repeat center/cover;
--trackBg: transparent;
--progBg: rgba(138,43,226,.7);
--btnSize: 45px;
`);
player.setLrcCss('bottom: 60px;color: #9c81d5;--bg: linear-gradient(180deg, #af9ad9); font-size: 1.3em;',);
player.lrcAr = [[0.23, "山茶花读不懂白玫瑰：梨笑笑", 2],
];
};
</script>
|
|
楼主: 樵歌
显身卡
发表于 2024-3-31 11:13
问小辣椒吧
发表于 2024-4-5 19:33