뮤직플렉스 | 텐 쇼츠의 전설
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>뮤직플렉스 이벤트: SBA크리에이티브 포스 혜택 이벤트</title> <meta name="description" content="뮤직플렉스 스텝업 이벤트! 쇼츠 10개만 만들고, 뮤팟 1년 구독권 받자" /> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet"> <style> .cta { position: fixed; bottom: 24px; left: 0; right: 0; margin: 0 auto; display: flex; align-self: center; align-items: center; justify-content: center; width: 60%; /* 가로 크기를 60%로 줄임 */ max-width: 470px; /* 최대 너비를 470px로 줄임 */ height: 72px; background-color: #F4BF0D; /* 기본 배경색 */ color: white; /* 기본 텍스트 색상 */ z-index: 999999999; text-decoration: none; border-radius: 12px; font-weight: 700; font-size: 24px; transition: background-color 300ms ease, box-shadow 300ms ease, color 300ms ease; /* 부드러운 전환 */ font-family: 'Noto Sans KR', sans-serif; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* 기본 그림자 */ } .cta:hover { background-color: #1270FF; /* 호버 시 배경색 변경 */ color: black; /* 호버 시 텍스트 색상 변경 */ box-shadow: 0 4px 12px rgba(18, 112, 255, 0.5); /* 호버 시 파란색 그림자 */ transform: translate(2px, 2px); } .cta:active { transform: translate(4px, 4px); box-shadow: 0 4px 12px rgba(18, 112, 255, 0.7); /* 클릭 시 더 짙은 파란색 그림자 유지 */ } </style> </head> <body> <div class="cta" onclick='handleClick()'>SBA크포 혜택받기🔥</div> <script> var OOPYctaQueryParams = new URLSearchParams(window.location.search); // 필요하다면 OOPYctaQueryParams 에 원하는 params 를 추가하거나 삭제할 수도 있습니다. function handleClick() { window.open('https://tally.so/r/warPpE', '_blank'); } </script> </body> </html>
