틀:CRT/styles.css: 두 판 사이의 차이
< 틀:CRT
편집 요약 없음 |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 2개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
.theme-television { | .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; | |||
} | } | ||
| 19번째 줄: | 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);
}
}