사용자:Hsl0/common.css: 두 판 사이의 차이
< 사용자:Hsl0
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
1번째 줄: | 1번째 줄: | ||
/* 3- | /* 3-2안 회색 배경 적색 사선 */ | ||
.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a { | .ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a { | ||
background: linear-gradient(135deg, #f0f0f0 40%, # | background: linear-gradient(135deg, #f0f0f0 40%, #f4e8e8 40% 44%, #f0f0f0 44% 48%, #f4e8e8 48% 52%, #f0f0f0 52% 56%, #f4e8e8 56% 60%, #f0f0f0 60%); | ||
} | } | ||
2023년 12월 25일 (월) 13:23 판
/* 3-2안 회색 배경 적색 사선 */
.ns-3000 #content, .ns-3000 #p-cactions li a:hover, .ns-3000 #p-cactions li.selected a {
background: linear-gradient(135deg, #f0f0f0 40%, #f4e8e8 40% 44%, #f0f0f0 44% 48%, #f4e8e8 48% 52%, #f0f0f0 52% 56%, #f4e8e8 56% 60%, #f0f0f0 60%);
}
/* 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;
}
}