|
|

楼主 |
发表于 2024-1-9 11:22
|
显示全部楼层
帖子代码
- <style>
- #papa {
- margin: 0 0 0 calc(50% - 681px);
- width:1200px;
- height: 798px;
- border: 1px solid gray;
- background: url('https://638183.freep.cn/638183/t24/jpg/grace.jpg') no-repeat center/cover;
- box-shadow: 3px 6px 12px #000;
- z-index: 1;
- position: relative;
- display: grid;
- place-items: center;
- }
- #papa::before, #papa::after {
- position: absolute;
- content: '';
- left: calc(50% - 300px);
- width: 50%;
- height: 100%;
- background: url('https://638183.freep.cn/638183/t23/2/118.jpg') no-repeat center/cover;
- clip-path: circle(300px at 50% 50%); /*0 50%,50% 100%, 100% 50%, 50% 0 || 0 50%,50% 100%,100% 100%,100% 0, 50% 0*/
- opacity: .4;
- animation: move 20s forwards;
- --xx: 0;
- }
- #papa::after {
- transform: scale(-1,1);
- --xx: 50%;
- }
- @keyframes move {
- to { left: var(--xx); }
- }
- </style>
- <div id="papa"></div>
- <script>
- var sf = document.createElement('script');
- sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
- sf.charset = 'utf-8';
- document.body.appendChild(sf);
- sf.onload = () => {
- var player = new ypP();
- player.setAudSrc('https://music.163.com/song/media/outer/url?id=528423473');
- player.setBtnCss(`
- width: 300px;
- bottom: 10px;
- z-index: 10;
- opacity: .75;
- --btnBg: url('https://638183.freep.cn/638183/web/svg/sunfl-1.svg') no-repeat center/cover;
- --trackBg: transparent;
- --progBg: orange;
- --btnSize: 80px;
- `);
- player.setLrcCss('top: 15px; color: tan; --bg: orange; z-index: 9;');
- player.lrcAr = [ [2.00,"Jannik - Grace",2.5], [15.00,"",0] ];
- };
- </script>
复制代码
|
|