gradition 수정

This commit is contained in:
박민규 2025-08-28 08:40:50 +00:00
parent 8c68e08f8b
commit 89ed1287a4
1 changed files with 99 additions and 3 deletions

View File

@ -2,7 +2,7 @@
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>🎧 K-Radio Player</title>
<title>🎧 MK-Radio Player</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet" />
@ -79,7 +79,7 @@
.bg-purple-subtle { background-color: #f3e8ff !important; }
.card-gradient-kbs {
background: linear-gradient(270deg, #1e88e5, #42a5f5);
background: linear-gradient(270deg, #1e88e5, #231C99);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
@ -110,8 +110,104 @@
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-obs {
background: linear-gradient(270deg, #26247B, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-ifm {
background: linear-gradient(270deg, #FFB575, #00AEEE);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-ytn {
background: linear-gradient(270deg, #1D9DE9, #231D1F);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-tbs {
background: linear-gradient(270deg, #02BBCE, #F0F0F0);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-cbs {
background: linear-gradient(270deg, #00529B, #E41A35);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-febc {
background: linear-gradient(270deg, #221E1F, #D20C45);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-bbs {
background: linear-gradient(270deg, #D29807, #3D3331);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-cpbc {
background: linear-gradient(270deg, #004D9E, #415066);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-wbs {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-kookbang {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-kugak {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-afn {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-default {
background: linear-gradient(270deg, #9e9e9e, #bdbdbd);
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;