틀:CRT/styles.css: 두 판 사이의 차이
< 틀:CRT
편집 요약 없음 |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 3번째 줄: | 3번째 줄: | ||
height: 100%; | height: 100%; | ||
background: repeating-linear-gradient(to bottom,rgba(0,0,0,0.15)0px,rgba(0,0,0,0.15)2px,transparent 2px,transparent 5px); | background: repeating-linear-gradient(to bottom,rgba(0,0,0,0.15)0px,rgba(0,0,0,0.15)2px,transparent 2px,transparent 5px); | ||
animation: crt-scan | animation: crt-scan 4s linear infinite; | ||
z-index: 9999; | z-index: 9999; | ||
top: 0; | top: 0; | ||
| 13번째 줄: | 13번째 줄: | ||
@keyframes crt-scan { | @keyframes crt-scan { | ||
from { | from { | ||
transform: translateY(- | transform: translateY(-5px); | ||
} | } | ||
to { | to { | ||
transform: translateY( | transform: translateY(5px); | ||
} | } | ||
} | } | ||
2026년 2월 19일 (목) 02:05 기준 최신판
.theme-television {
width: 100%;
height: 100%;
background: repeating-linear-gradient(to bottom,rgba(0,0,0,0.15)0px,rgba(0,0,0,0.15)2px,transparent 2px,transparent 5px);
animation: crt-scan 4s linear infinite;
z-index: 9999;
top: 0;
left: 0;
position: fixed;
}
/* 줄이 아래로 흐르는 효과 */
@keyframes crt-scan {
from {
transform: translateY(-5px);
}
to {
transform: translateY(5px);
}
}