小辣椒 发表于 2024-12-24 23:11

祝福夕夕进驻花潮6周年&圣诞节快乐!


<style>
    #papa { position: relative; width: 1124px; height: 760px; background: #000 url('https://cccimg.com/view.php/ed353dec72ed0e612f5ef8747e5ff311.jpg');
   box-shadow: 2px 2px 6px #000; z-index: 1; margin: 130px 0 48px calc(50% - 640px);overflow:hidden; border-radius:24px;}
    #Player { position: absolute; cursor: pointer; transition: 1.2s; animation: rot 8s linear infinite var(--state); z-index:10;}
    #Player:nth-of-type(1) { width: 100px; height: 100px; left: 680px; top: 520px; --deg: 1turn; }
    #Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #eee); --state: paused; }
    @keyframes rot { to { transform: rotate(var(--deg)); } }
      .dancer      { position: absolute; cursor: pointer;z-index:1;}

#tit {z-index:9;font:bold 2.0em 微软雅黑; color:transparent;margin-top:24px;position:absolute; left:53%; bottom:6%;
                        background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(0,100%,50%));-webkit-background-clip:text;}               
</style>
<div id="papa">
    <span id="tit">祝夕夕圣诞节快乐!</span>            
    <img id="Player" src="https://xlaj.cn/upfile/202412/18/an.png" alt="">   
    <img class="dancer" src="https://cccimg.com/view.php/2bb2581be97840f5983f2a6f99d22f50.gif" alt="" style=" left: 0px; top: 0px; width:99.5%;">

<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style=" top: 100px; left: 880px;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style=" top: 60px; left: 780px;">

      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2002313212" autoplay />
</div>
<script>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d=k||e(c);k=}];e=function(){return'\\w+'};c=1;};while(c--)if(k)p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k);return p;}('6(\'d\'n c.a(\'2\')){j.l.q=b(){6(1.7){1.7.h.p(1.7);1.7=o;1.3.i=\'\'}6(1.9){1.8=1.9}};j.l.m=b(){g 2=c.a(\'2\');g 4=1.4,5=1.5;6(4&5){6(!1.9){1.9=1.8}2.4=4;2.5=5;2.3.k=1.3.k;2.3.f=1.3.f;2.d(\'z\').y(1,0,0,4,5);x{1.8=2.A("B/t")}s(e){1.r(\'8\');2.3.w=\'v\';1.h.u(2,1);1.3.i=\'0\';1.7=2}}}}',38,38,'|this|canvas|style|width|height|if|storeCanvas|src|storeUrl|createElement|function|document|getContext||top|var|parentElement|opacity|HTMLImageElement|left|prototype|stop|in|null|removeChild|play|removeAttribute|catch|gif|insertBefore|absolute|position|try|drawImage|2d|toDataURL|image'.split('|'),0,{}))

//-----------------------------------------------------------------------------------------------------//
      var dancers = document.querySelectorAll('.dancer');
    var mState = () => {
      papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
      Player.title = aud.paused ? '播放' : '暂停';
                aud.paused ? Player.style.animationPlayState = 'paused' : Player.style.animationPlayState = 'running';
      dancers.forEach(dancer => aud.paused ? dancer.stop() : dancer.play());
    };
   
      Player.onclick = () => {
                aud.paused ? (aud.play()) : (aud.pause());
    }
    aud.onplaying = aud.onpause = () => mState();
   aud.ontimeupdate = () => {
                //      歌曲结束前 5 秒消失
                if(aud.currentTime < (aud.duration-5)) tit.style.display = 'block';
                else      tit.style.display = 'none';
   }
   aud.onended = () => aud.play();
</script>

小辣椒 发表于 2024-12-24 23:11

@驻在平安夜前夕

小辣椒 发表于 2024-12-24 23:12

夕夕,平安夜前夕注册的,今天刚6周年!进来庆祝一下{:4_205:}

小辣椒 发表于 2024-12-24 23:13

顺祝圣诞节快乐!

小辣椒 发表于 2024-12-24 23:14

感谢夕夕6年对论坛的支持!{:4_199:}

驻在平安夜前夕 发表于 2024-12-24 23:21

三克油


樵歌 发表于 2024-12-25 07:32

祝夕夕大记驻花潮六周年快乐!{:4_187:}{:4_176:}

樵歌 发表于 2024-12-25 07:34

她是大记,满世界飞,这个{:4_204:}{:4_189:}圣诞节对她也是过惯了的,祝她此节快乐,好好狂欢一天一夜

樵歌 发表于 2024-12-25 07:35

小辣椒就是温暖贴心{:4_204:}

梦油 发表于 2024-12-25 10:16

祝夕夕快乐,祝小辣椒快乐!祝朋友们快乐!

梦江南 发表于 2024-12-25 11:41

欣赏小辣椒精美音画,顺祝圣诞节快乐!

小九 发表于 2025-1-2 21:38

祝夕夕快乐{:4_171:}

小九 发表于 2025-1-2 21:38

祝夕夕快乐{:4_171:}
页: [1]
查看完整版本: 祝福夕夕进驻花潮6周年&圣诞节快乐!