|
|
|
position: absolute;width: 960px; height:520px;left:50%; transform:translate(-50%);margin-top:100px;
background:url(https://pic.imgdb.cn/item/643dbb490d2dde5777df1d3c.gif)no-repeat 95px 180px/20%,url(https://pic.imgdb.cn/item/67503954d0e0a243d4dd6efd.gif)no-repeat 60px 80px/40%,url(https://cccimg.com/view.php/01283b48f9ee2cd5745ebcf8bcf55edf.jpg)no-repeat center/cover; }
#enopg{
position: relative;width: 960px; height: 520px;
background:#000 url(https://cccimg.com/view.php/2d3863701fe582cb565664e92423ae92.jpg)no-repeat center/cover;
display:none;}
#pa{z-index:10;
left:10%;
top: 300px;
width: 300px;
height: 100px;
color: cyan;
position: absolute;
display: grid;
place-items: center;
}
.pp {
position: absolute;
width: 1px;
min-height: 2px;
transform-origin: 0 50%;
transition: height .16s linear;
display: grid;
place-items: start center;
}
#tz { margin: 0px auto; bottom: 20px;width: 540px; height: 300px; border: 0px solid gray; position: absolute;z-index:1;}
#tz::before { content: attr(data-lrc); position: absolute; bottom: 0; margin: 0px 20px;width: 100%; height: 60px; text-align: center; font: 300 2.2em/0em 华文隶书; color:#880000; filter:drop-shadow(#fff 1px 0 0)drop-shadow(#fff 0 1px 0)drop-shadow(#fff -1px 0 0) drop-shadow(#fff 0 -1px 0); }
#but {width:100%; height:100%;top:0%; left:0%;cursor: pointer;position: absolute;;z-index:1;}
#wz{position: absolute;top:120px; left:40px;
font:normal 3.2em/1em 华文隶书;
background:url(https://z4a.net/images/2024/01/14/auewj-fb7cv.jpg);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: flowCss 2s infinite linear;
}
@-webkit-keyframes flowCss {0% {transform:translate(0%,0%)scale(0, 1);filter:hue-rotate(0deg)contrast(100%)brightness(100%);}
50% {transform:translate(0%,0%)scale(1);filter:hue-rotate(100deg)contrast(100%)brightness(100%);}
100% {transform:translate(0%,0%)scale(1);filter:hue-rotate(360deg)contrast(180%)brightness(300%);}
}
|
|
发表于 2024-12-17 03:57:43