사용자:Hsl0/common.css: 두 판 사이의 차이
< 사용자:Hsl0
imported>Hsl0 잔글편집 요약 없음 |
편집 요약 없음 |
||
(사용자 2명의 중간 판 137개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
/* | /* 2안 적색 배경 */ | ||
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a { | |||
background-color: #fff0f0; | |||
*/ | }*/ | ||
. | |||
/* linktools.css */ | |||
@keyframes link-wait { | |||
from { | |||
background-position-x: 200%; | |||
} | |||
to { | |||
background-position-x: 0%; | |||
} | |||
} | } | ||
.link-modifier-cloak, | |||
.event-listener-cloak[data-target="link"], | |||
.event-handler-cloak[data-target="link"] { | |||
cursor: wait; | |||
background-image: linear-gradient(135deg, #cccccc, #cccccc, #4d4d4d, #4d4d4d, #cccccc, #cccccc) | /* 그라데이션 애니메이션 */ | ||
background-size: 200% auto | background-image: linear-gradient( | ||
background-clip: text | 135deg, | ||
-webkit-background-clip: text | #cccccc, | ||
-moz-background-clip: text | #cccccc, | ||
#4d4d4d, | |||
#4d4d4d, | |||
#cccccc, | |||
#cccccc | |||
); | |||
background-size: 200% auto; | |||
background-clip: text; | |||
-webkit-background-clip: text; | |||
-moz-background-clip: text; | |||
color: transparent; | |||
animation: 2s linear 0s infinite running link-wait; | animation: 2s linear 0s infinite running link-wait; | ||
} | } | ||
. | .link-modifier-cloak a, | ||
.event-listener-cloak[data-target="link"] a, | |||
.event-handler-cloak[data-target="link"] a { | |||
pointer-events: none; | |||
color: inherit; | |||
} | } | ||
/* 애니메이션 줄이기가 켜진 경우 (vector 스킨 important 덮어쓰기) */ | |||
@media (prefers-reduced-motion: reduce) { | |||
.link-modifier-cloak, | |||
.event-listener-cloak[data-target="link"], | |||
.event-handler-cloak[data-target="link"] { | |||
animation: 4s linear 0s infinite running link-wait !important; | |||
@media ( | |||
} | } | ||
} | } |
2024년 2월 27일 (화) 20:37 기준 최신판
/* 2안 적색 배경 */
/*.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
background-color: #fff0f0;
}*/
/* linktools.css */
@keyframes link-wait {
from {
background-position-x: 200%;
}
to {
background-position-x: 0%;
}
}
.link-modifier-cloak,
.event-listener-cloak[data-target="link"],
.event-handler-cloak[data-target="link"] {
cursor: wait;
/* 그라데이션 애니메이션 */
background-image: linear-gradient(
135deg,
#cccccc,
#cccccc,
#4d4d4d,
#4d4d4d,
#cccccc,
#cccccc
);
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-moz-background-clip: text;
color: transparent;
animation: 2s linear 0s infinite running link-wait;
}
.link-modifier-cloak a,
.event-listener-cloak[data-target="link"] a,
.event-handler-cloak[data-target="link"] a {
pointer-events: none;
color: inherit;
}
/* 애니메이션 줄이기가 켜진 경우 (vector 스킨 important 덮어쓰기) */
@media (prefers-reduced-motion: reduce) {
.link-modifier-cloak,
.event-listener-cloak[data-target="link"],
.event-handler-cloak[data-target="link"] {
animation: 4s linear 0s infinite running link-wait !important;
}
}