《在希望的田野上》 - 彭丽媛（试帖黑黑老师图片配色同步歌词代码4）
本帖最后由 亦是金 于 2024-1-18 13:04 编辑 <br /><br /><div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1846164">
<div class="cont-area">
<div style="position: absolute; width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -110px;">
<marquee STYLE="WiDTH: 1200px; HeiGHT: 700px" HEIGHT="700px" BEHAVIOR="alternate" WIDTH="1200" SCROLLAMOUNT="6"><imgsrc ="https://s1.ax1x.com/2023/03/01/ppi3NlT.png" WIDTH="3000" HEIGHT="700"></MARQUEE>
<img src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/yh/2/yh2007.gif" alt="" style="position: absolute; width: 1200px;height: 580px; transform: translate(-1200px, 0px); mix-blend-mode: screen;" />
<img src="https://z3.ax1x.com/2021/08/26/hujGMd.gif" alt="" style="position: absolute; width: 100px;height: 50px; transform: translate(-1000px, 500px); mix-blend-mode: multiply;" />
<style>
#papa {
margin: auto;
width: 1200px;
height: 700px;
top: -700px;
left: 0px;;
background: url('https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/wbj01.png') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
overflow: hidden;
display: grid;
place-items: center;
position: relative;
z-index: 1;
}
#mypic {
position: absolute;
width: 100px;
mix-blend-mode: normal;/*混合混合模式：正常*/
cursor: pointer;
transition: filter 1s;
animation: rot 6s infinite linear var(--state);
}
#mypic:hover {
filter: invert(150%) drop-shadow(4px 4px 20px #ffffff);
}
li-zi {
position: absolute;
width: 48px;
height: 48px;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA1NDk2MjAyMjcxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0NDE1IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMjI3LjExIDkwMC43NEwyMTUuNiA3ODMuMWMwLTEwLjc2IDEzLjU0LTEuMjEgMzAuNjQtMS4yMSAxNy4xMSAwIDMwLjc0LTkuNTggMzAuNzQgMS4yMWwtOS41OSAxMTQuN2MwIDI1LjA4LTQwLjI0IDE0Ljg2LTQwLjI0IDIuOTNoLTAuMDR6IG0tNDkuMjYtMzgyLjkxYy04NC4yNS0zOC43My03Ny40MS05OS42Ny03Ny40MS05OS42Ny0xMC42MiAyMS41MiAxMS45NiAyMDkuMjEgOTkuOSAyMDkuMjEgMzkuMjcgMCA3Mi4yMy02Ni4yOC0yMi40MS0xMDkuNTNoLTAuMDh6IG0wLTEzMi42Yy04NC4yNS0zOC42MS03Ny40MS05OS41NC03Ny40MS05OS41NC0xMC42MiAyMS41MSAxMS45NiAyMDkuMiA5OS45IDIwOS4yIDM5LjI3IDAgNzIuMjMtNjYuMjctMjIuNDEtMTA5LjY2aC0wLjA4eiBtMC0xMjguNjRjLTg0LjI1LTM4LjQyLTc3LjQxLTk5LjU0LTc3LjQxLTk5LjU0LTEwLjYyIDIxLjUyIDExLjk2IDIwOS4xNCA5OS45IDIwOS4xNCAzOS4yNyAwIDcyLjIzLTY2LjA5LTIyLjQxLTEwOS42aC0wLjA4eiBtMTE2LjgxIDM3MC44NGM4Ny44IDAgMTEwLjMyLTE4Ny42OSA5OS45LTIwOS4yMSAwIDAgNi44MiA2MC45NC03Ny41NCA5OS42Ny05NC41NiA0My4yLTYxLjY3IDEwOS41NC0yMi4yOCAxMDkuNTRoLTAuMDh6IG0tMTE2LjgxIDI2LjI4Yy04NC4yNS0zOC43My03Ny40MS05OS42Ny03Ny40MS05OS42Ny0xMC42MiAyMS41MSAxMS45NiAyMDkuMiA5OS45IDIwOS4yIDM5LjI3IDAgNzIuMjMtNjYuMjctMjIuNDEtMTA5LjU0aC0wLjA4eiBtMTE2LjgxIDEwOS41NGM4Ny44IDAgMTEwLjMyLTE4Ny42OSA5OS45LTIwOS4yIDAgMCA2LjgyIDYwLjk0LTc3LjU0IDk5LjY3LTk0LjU2IDQzLjI2LTYxLjY3IDEwOS41NC0yMi4yOCAxMDkuNTRoLTAuMDh6IG0wLTI2OC4zN2M4Ny44IDAgMTEwLjMyLTE4Ny43NSA5OS45LTIwOS4yIDAgMCA2LjgyIDYwLjk0LTc3LjU0IDk5LjU0LTk0LjU2IDQzLjM5LTYxLjY3IDEwOS42Ni0yMi4yOCAxMDkuNjZoLTAuMDh6IG0wLTEyOC43Yzg3LjggMCAxMTAuMzItMTg3LjY0IDk5LjktMjA5LjE0IDAgMCA2LjgyIDYxLjA0LTc3LjU0IDk5LjQ5LTk0LjU2IDQzLjU2LTYxLjY3IDEwOS42NS0yMi4yOCAxMDkuNjVoLTAuMDh6IG0tNDEuMDktOTkuNTZjOTMuMTcgMC01LjEzLTIwMS45Ny01LjEzLTIwMS45Ny0xMS44NSAxOC45OS04OC4wMyAyMDEuOTcgNS4xMyAyMDEuOTd6IG0yNTEuODQgNjQ5Ljg5bDU2LjItMTAwLjAxYzQuNDYtOS42NC0xMS45MS03LjAxLTI3LjI3LTE0LjE3LTE1LjM1LTcuMTYtMjMuOTEtMjEuODYtMjguMzMtMTIuMDVMNDY3LjcgOTAxLjc2Yy00Ljk1IDEwLjkgMjcuMjggMzcuMzUgMzcuNzEgMTQuNzV6IG03Ni4yMy0zODMuMDFjLTYwLjI2LTcxLjIxLTI4Ljg5LTEyMy41NC0yOC44OS0xMjMuNTQtMTguNTcgMTQuOTItNzUuNzIgMTk0LjkzIDMuNzggMjMyLjUgMzUuNjcgMTYuOSA5My4xLTI5LjA4IDI1LjExLTEwOC45NnogbTU0Ljk2LTEyMC4zOGMtNjAuMjYtNzEuMDQtMjguODktMTIzLjM3LTI4Ljg5LTEyMy4zNy0xOC41NSAxNC45Mi03NS44MyAxOTQuODcgMy43MyAyMzIuNTYgMzUuNzIgMTYuODEgOTMuMTEtMjkuMDQgMjUuMTYtMTA5LjE5eiBtNTMuMzMtMTE2LjU0Yy02MC40OS03MC45MS0yOC44OS0xMjMuNDgtMjguODktMTIzLjQ4LTE4LjYzIDE0LjkxLTc1Ljg1IDE5NC44IDMuNzggMjMyLjUgMzUuNjUgMTYuNzYgOTMtMjguOTggMjUuMTEtMTA5LjAyeiBtLTQ3LjY0IDM4Ni40NmM3OS42MSAzNy40NyAxNzcuODEtMTIyLjk2IDE3Ny4xMy0xNDcuMDcgMCAwLTE5LjAxIDU4LjI1LTExMS41NiA1Ny4xNi0xMDMuNzgtMS4xNi0xMDEuMjkgNzIuOTItNjUuNTcgODkuOTF6IG0tMTE2LjgxLTI2LjQxYy02MC4zNy03MS4xNC0yOS0xMjMuNDItMjktMTIzLjQyLTE4LjQ0IDE0LjkzLTc1LjcyIDE5NC44NyAzLjg0IDIzMi4zNCAzNS43NyAxNi45MSA5My4wNS0yOC45OSAyNS4xNi0xMDguOTJ6IG02MC41NSAxNDkuNDhjNzkuNTcgMzcuNjQgMTc3LjgxLTEyMi45NSAxNzcuMTgtMTQ3LjAxIDAgMC0xOS4wOCA1OC4yNS0xMTEuNTUgNTcuMTYtMTAzLjc3LTEuMDktMTAxLjMgNzMuMDQtNjUuNjMgODkuODV6IG0xMTEuMjItMjQzLjM0Yzc5LjYzIDM3LjU4IDE3Ny44LTEyMy4wOCAxNzcuMTMtMTQ3LjAyIDAgMC0xOS4wMSA1OC4xOS0xMTEuNTEgNTcuMTYtMTAzLjgyLTEuMTQtMTAxLjM0IDczLjExLTY1LjYyIDg5Ljg2eiBtNTMuMzMtMTE2LjgxYzc5LjYxIDM3LjcgMTc3LjY4LTEyMi44NCAxNzcuMDctMTQ2Ljk0IDAgMC0xOS4xNCA1OC40LTExMS41MSA1Ny4xNC0xMDMuNzctMS4wOS0xMDEuMjQgNzMuMDUtNjUuNTYgODkuOHogbTMuODktMTA3LjkxYzg0LjUzIDM5Ljg3IDc5LTE4NS4zNSA3OS0xODUuMzUtMTguNTcgMTIuMjktMTYzLjQxIDE0NS40LTc5IDE4NS4zNXogbTAgMCIgZmlsbD0iI2Y4ZGEyZCIgcC1pZD0iMTQ0MTYiPjwvcGF0aD48L3N2Zz4=');
animation: moving var(--du) var(--de) infinite linear var(--state);
}
@keyframes moving {
from { transform: translate(100,0) rotate(var(--deg)); opacity: 0; }
to { transform: translate(var(--xx),var(--yy)) rotate(var(--deg)); opacity: 1; }
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<img id="mypic" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzA1NDg5MjU5OTI4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDExMjIgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2ODkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjE5LjE0MDYyNSIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik05NTAuNDg5ODcyIDY2NC40Nzc5NTdjNTQuODYwMjU1LTE2Ljc2NTI3NyAxMTMuMjM5MTQ5LTQzLjkwMTI3NyAxNDYuMjc5NDktMTAyLjYwNjk3OCAxNi44MTk3NDUtMjkuMDUzMjc3IDMzLjA1MTIzNC03OS43MzAzODMgMTIuOTYzNDA0LTE0NC42ODkwMjItMTEuNDM4Mjk4LTQ1LjU1NzEwNi0xMTEuMzAwMDg1LTE5OC40MjcyMzQtMzQ5LjgwNDkzNi0xMjIuNjgzOTE0IDQuMzkwMTI4LTEwNS4xMjM0MDQtMzcuMTAzNjYtMjE3LjA0NDQyNi0xMjUuMTM0OTc5LTI2MS45OTE0OUM1ODEuMzkyMzQgMi45MTk0ODkgNTE2LjcwNjA0MyAzLjE4MDkzNiA0NTYuNTk1MDY0IDMzLjU3NDEyOGMwIDAtMTIwLjYxNDEyOCA1OS41NzcxOTEtMTE0LjIzMDQ2OCAyNjcuNzY1MTA2LTM2LjUwNDUxMS0xMS45NjExOTEtNzQuOTM3MTkxLTIxLjAwMjg5NC0xMTQuMDM0MzgzLTIwLjQwMzc0NS03OC4yNTk3NDUtMy4zMzM0NDctMTc0LjUzNzUzMiAzNS4zNzE1NzQtMjEwLjUwODI1NiAxMTcuODI1MzYyIDAgMC0zNy4yMzQzODMgODMuMzc5NzQ1IDIxLjkzOTc0NSAxNzMuNzUzMTkyIDAgMCA1NC4xOTU3NDUgODEuMTkwMTI4IDIwMi41OTk0ODkgMTIxLjE0NzkxNC00MC4wMjMxNDkgODEuNzIzOTE1LTQ4LjE0OTc4NyAxNTIuMTQwMjU1LTI0LjY3NDA0MiAyMTMuNTE0ODk0IDIxLjk1MDYzOCA1OC4wNTIwODUgNzMuOTQ1ODcyIDk4LjA4NjEyOCAxNDIuNjMwMTI4IDExMC4wNDczMTkgMCAwIDEzOS40OTI3NjYgMjYuMDY4NDI2IDI0NC43NDY4OTMtMTM5LjM3MjkzNiA0NS4wODg2ODEgNjUuODMwMTI4IDExNC42MzM1MzIgMTM3LjExNzk1NyAyMjUuNDc2MDg1IDE0NC40Mjc1NzUgMCAwIDExMS4xNjkzNjIgNi45ODI4MDkgMTYxLjExNjU5Ni04Ni4xMDMxNDkgNDEuMjg2ODA5LTc3LjQxMDA0MyAzMC4xMDk5NTctMTY5LjEwMTYxNy00MS4xNzc4NzItMjcxLjcwODU5NiIgZmlsbD0iIzIzMTkxNiIgcC1pZD0iMTY5MCI+PC9wYXRoPjxwYXRoIGQ9Ik02OTEuMDE0ODA5IDIzNy4zMTc0NDdjNi4xMjIyMTMgNDQuMTUxODMtMC40MDMwNjQgODguNzA2NzIzIDAuNzk1MjM0IDEzMy4xMiAzLjY2MDI1NSA2LjI1MjkzNiAxMC41NjY4MDkgMTEuNTY5MDIxIDE3LjYyNTg3MiAxMS4wMzUyMzQgNjMuNjI5NjE3LTIwLjAxMTU3NCAxMjguNjUzNjE3LTQ3LjI3ODI5OCAxOTUuMjEzNjE3LTQxLjY4OTg3MiA2My45MDE5NTcgNC4zOTAxMjggMTI0LjAwMjA0MyAzNi45MDc1NzQgMTQ4Ljc0MTQ0NyA5NS4zNTE4MjkgOC45NzYzNCAzMC4zOTMxOTEgMTAuNDM2MDg1IDYzLjIzNzQ0Ny02LjUxNDM4MyA5Mi40MzIzNDEtMzUuNTc4NTUzIDYyLjk2NTEwNi0xMjQuMTQzNjYgNzYuNDA3ODMtMTg2LjU3NDk3OSA5Mi44ODk4NzItNy4zMDk2MTcgNC4yNTk0MDQtMTIuOTYzNDA0IDEyLjAzNzQ0Ny0xMy4wMjg3NjYgMjAuNzUyMzQgMTMuMzU1NTc0IDI5LjExODYzOCAzOS42OTYzNCA0Ni4wMTQ2MzggNTcuMzExMzE5IDcxLjU0OTI3NyA0MC40OTE1NzQgNjAuOTA2MjEzIDY5LjQxNDEyOCAxMzIuNTIwODUxIDMzLjU3NDEyOCAxOTkuMzUzMTkyLTE3Ljg4NzMxOSAzNC44Mzc3ODctNjAuOTcxNTc0IDQ5LjI3MTgzLTk3LjU0MTQ0NyA1MC4yNjMxNDktMTA3LjkxMjE3LTYuOTcxOTE1LTE2OC4wMjMxNDktOTYuMjEyNDI2LTIxNi4zNTgxMjgtMTgyLjMyNjQ2OS01LjY1Mzc4Ny04Ljg0NTYxNy0xOC44Nzg2MzgtNy41MTY1OTYtMjYuOTk0MzgzLTkuMzY4NTEtMjAuNjEwNzIzIDExLjQzODI5OC0yOC4xMjczMTkgMzMuMjM2NDI2LTM3LjEwMzY1OSA1My42NTEwNjQtMzYuMzczNzg3IDY4LjQyMjgwOS0xMDUuMjU0MTI4IDE0MC4zNzUxNDktMTkxLjg5MTA2NCAxMzMuOTI2MTI3LTM5LjYzMDk3OS02LjkxNzQ0Ny03Ni41Mjc2Ni0yNy41MjgxNy05MS44ODc2Ni02Ny45NjUyNzYtMjYuNjAyMjEzLTY5LjgxNzE5MSAxNC4zNTc3ODctMTU0LjI1MzYxNyA1MS40NjE0NDctMjEzLjc3NjM0MSA0LjI0ODUxMS02LjMxODI5OCAxLjM5NDM4My0xMi4zMDk3ODcgMS40NTk3NDUtMTguMTQ4NzY2LTYuMTg3NTc0LTE4LjY5MzQ0Ny0yOS41ODcwNjQtMTguOTU0ODk0LTQ1LjM1MDEyOC0yMS41NDc1NzQtNzMuNDAxMTkxLTE2LjQ5MjkzNi0xNDkuNzk4MTI4LTQ2Ljg3NTIzNC0xOTYuMjE1ODMtMTAxLjk0MjQ2OC0yMS44MDkwMjEtMzMuMTE2NTk2LTI5LjUyMTcwMi03Mi44NzgyOTgtMTYuNTU4Mjk3LTExMC40Mzk0OSAyMy42ODI3MjMtNTQuMjYxMTA2IDk0LjY4NzMxOS04MS41Mjc4MyAxNTAuMTQ2NzIzLTc3Ljg2NzU3NCA1Ni4wNDc2Ni0xLjE5ODI5OCAxMTguMjgyODk0IDI1LjEzMTU3NCAxNzEuNzQ4NzY2IDQ1LjY3NjkzNiA3Ljg0MzQwNC0wLjI2MTQ0NyAxNi43NTQzODMtNS45OTE0ODkgMjAuODcyMTctMTIuMjk4ODk0IDEuMjYzNjYtMzcuNzAyODA5LTcuNjQ3MzE5LTczLjk0NTg3Mi02LjM4MzY1OS0xMTEuNzE0MDQyIDMuMzg3OTE1LTY2LjIzMzE5MSAyMS4yNzUyMzQtMTQzLjA5ODU1MyA3OC41OTc0NDYtMTgxLjkyMzQwNCAzNy45NjQyNTUtMTkuMDIwMjU1IDgwLjMxODYzOC0yMy4wMDczMTkgMTE3Ljc2LTEuMTk4Mjk4IDU0LjkwMzgzIDI3Ljc4OTYxNyA3OS4xMjAzNCA5NS44MjAyNTUgODcuMDk0NDY5IDE1Mi4yMDU2MTciIGZpbGw9IiNFRTkwQjIiIHAtaWQ9IjE2OTEiPjwvcGF0aD48cGF0aCBkPSJNNTMxLjU3NTgzIDUxOS45MTk2NkM1MTAuMzY1OTU3IDQ3My40MzY1OTYgNDk0Ljg3NTIzNCAyODYuMTIwODUxIDU1NC44NDQ1OTYgMjg0LjMyMzQwNGM1OS44NDk1MzItMS45MjgxNyA1Ny44NDUxMDYgMTk3LjAzMjg1MSA1NS44NjI0NjggMjIwLjE2IDQyLjYxNTgzLTIzLjEyNzE0OSAxOTguOTM5MjM0LTY5LjYxMDIxMyAyMTguMTU1NTc0LTE3LjQwOCAxOS4zNDcwNjQgNTIuMDYwNTk2LTEyMy40NzkxNDkgOTQuNTU2NTk2LTE5NC44ODY4MDggNzUuMTk4NjM5IDM0LjcwNzA2NCAxOS4zNDcwNjQgMTgzLjM4MzE0OSAxMzUuMTg5Nzg3IDEzNS4xMDI2MzggMTc1LjY4MTM2MS0zMi4wNDkwMjEgMjYuOTI5MDIxLTE2Mi4xNjIzODMtNDguMjY5NjE3LTE4NS4zNzY2ODEtMTMxLjI2ODA4NS01Ljc3MzYxNyA2MS43Nzc3MDItMTA3LjA0MDY4MSAxNzcuMjgyNzIzLTE1MC41MjggMTUwLjQ4NDQyNi0zNC43NzI0MjYtMjEuMDEzNzg3IDQ0LjQxMzI3Ny0xMzYuOTc2MzQgOTAuNzU0NzI0LTE3MS44MjUwMjItODEuMTEzODcyIDE5LjQ4ODY4MS0xOTYuNzM4NzIzLTI5LjcxNzc4Ny0xODkuMjIyMTI4LTU5LjcwNzkxNCA5LjYyOTk1Ny0zOC41NjM0MDQgMTM4Ljg5MzYxNy0yOS4xMjk1MzIgMTk2Ljg2OTQ0Ny01LjcxOTE0OSIgZmlsbD0iI0ZFRkVGRSIgcC1pZD0iMTY5MiI+PC9wYXRoPjwvc3ZnPg==" alt="" title="暂停/播放" />
<audio id="aud" src="https://www.qqmc.com/mp3/music38601590.mp3" autoplay loop></audio>
</div>
<script>
(function() {
let total = 20;
Array.from({length: total}).forEach((lz,key) => {
lz = document.createElement('li-zi');
let hudu = Math.PI / 180 * 360 / total * key;
let xx = 800 * Math.cos(hudu), yy = 800 * Math.sin(hudu);
lz.style.cssText += `
--xx: ${xx}px;
--yy: ${yy}px;
--deg: ${360 / total * key}deg;
--du: ${4 + Math.random() * 10}s;
--de: -${Math.random() * 3}s;
`;
papa.prepend(lz);
});
let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('pause', () => mState());
aud.addEventListener('playing', () => mState());
mypic.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>
<script>
let sFile = document.createElement('script');
sFile.src = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/lrc-ysj.js';
sFile.charset = 'utf-8';
document.head.appendChild(sFile);
sFile.onload = () => {
LRC({
papa: '#papa',
lrcAr: geci,
btn: '#mypic',
lrc_css: (`bottom: 40px; color: rgba(255,255,255,.9); --bg: url('https://z4a.net/images/2024/01/15/20240115a.jpg'); font-size: 2.4em;`)
});
};
let geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
</script>
<div style="position: relative; top: -1420px; LEFT: 0px;z-index: 12435;">
<style type="text/css">
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
body { overflow-x: hidden; }
#baiBox {
margin: auto;
width: 800px;
text-align: center;
font-family:微软简中圆;
font-size: 2.5rem;
font-weight: bold;
color: #f46ff6;
transform-origin: top;
animation: yao 1.0s linear infinite alternate;
}
@keyframes yao {
from{transform: perspective(800px) rotatex(30deg); }
to { transform: perspective(800px) rotatex(-30deg); }
}
.tit { position: absolute;width: 500px;height: 50px;top:30px;LEFT: 0px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/
</style>
<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:28px;">《在希望的田野上》</span>
<span style="color:#3d46f7;"><span style="font-size:24px;"> -彭丽媛</span></div>
<div style="position: absolute;width: 500px;height: 50px;top:670px;LEFT: 1000px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:22px;">亦是金在线音乐</span></span></span></p></div>
</script>
</TD></TR></TBODY></TABLE>
<DIV style="HEIGHT: 850px" 漂亮的制作，{:5_150:}{:5_150:}{:5_150:} liumang 发表于 2024-1-19 11:26
漂亮的制作，
{:5_116:}{:5_124:} 试贴。。。。。？
不是正式贴吗？
页:
[1]