@ 안젤리나 졸리

[설타자]

웹피 실제크기 : 360 X 640

배경 실제크기 : 1280 X 853 - 전광판은 투명 처리된 상태입니다

이 플레이어는 크롬화면에 최적화 되어있습니다

나를 놓지 마..     이번에 가면 돌아오지 않을 거야..     이번에 가면 다시는 돌아오지 않을 거야..     절대로 돌아올 수 없을 거야....

안젤리나 졸리 이미지 다운받기

안젤리나 졸리.7z

1.33MB

투명 오디오 소스

투명 오디오.txt

580B

전체 소스를 적용한 후,,,,,오디오 소스만 바꿔주세여

안젤리나 졸리 플레이어.. <div style="display:flex; justify-content:center; padding:40px 0;"> <div style="background:#000;"> <!-- 캔버스 --> <div style="position:relative; width:1280px; height:853px; overflow:hidden; background:#000;"> <!-- 오디오 컨트롤 --> <style> audio::-webkit-media-controls-enclosure{ background: transparent !important; box-shadow: none !important; } </style> <!-- 웹피 --> <img src="웹피 주소" style="position:absolute; left:760px; top:90px; width:360px; height:640px; object-fit:cover; z-index:1; pointer-events:none;"> <!-- 배경 이미지 --> <img src="이미지 주소" style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; pointer-events:none;"> <!-- 텍스트 --> <div style="position:absolute; left:776px; top:540px; width:342px; height:42px; overflow:hidden; z-index:4; color:#ffffff; font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',Arial,sans-serif; font-size:14px; font-weight:500; line-height:42px; letter-spacing:1.1px; white-space:nowrap; text-shadow: 0 0 2px rgba(255,255,255,0.6), 0 0 5px rgba(255,255,255,0.25), 0 2px 5px rgba(0,0,0,0.85); pointer-events:none; "> <marquee direction="left" scrollamount="3" style="display:block; width:100%;"> 나를 놓지 마..     이번에 가면 돌아오지 않을 거야..     이번에 가면 다시는 돌아오지 않을 거야..     절대로 돌아올 수 없을 거야.... </marquee> </div> <!-- 오디오 --> <div style="position:absolute; bottom:180px; left:73.5%; transform:translateX(-50%); z-index:5;"> <div style="display:flex;align-items:center;background:#fff;padding:4px 2px;border-radius:1px;box-shadow:0 6px 12px rgba(0,0,0,0.08);width:360px;transform:scale(0.75);transform-origin:center center;"> <audio controls autoplay loop style="flex:1;outline:none;height:36px;filter:brightness(1.1) contrast(1.1);border-radius:6px;"> <source src="음악 주소"> </audio> </div> </div> </div> </div> </div>

ⓒ Aaha Cafe