ACS 애니메이션

잠깐 정지!!

SCP 위키 내부에서 사용되는 템플릿 페이지입니다.

스탭의 허가없이
이 페이지를 만지지 마세요


이건 로딩되는 ACS 헤더를 애니메이션화 해주는 구성요소입니다.

사용법:

글 어디든 이 내용을 붙여넣으세요.

[[include :scpko:component:acs-animation]]

이게 다에요!

예시: SCP-5935


비고:

- --timeScale--timeDelay, 이 두 변수는 애니메이션의 타이밍을 조절합니다. 예를 들어볼게요.

[[module CSS]]
:root {
--timeScale: 2;
--timeDelay: 0.5s;
}
[[/module]]

--timeScale은 모든 애니메이션을 두 배로 감속하고, --timeDelay는 애니메이션의 시작을 0.5초 늦춥니다. 기본값은 각각 1과 0입니다.

이 기본값을 바꾸려면 위의 코드를 [[include]] 뒤에 붙여넣으세요. --timeDelay는 ACS가 본문의 첫 번째 요소가 아니거나, 다른 애니메이션 모듈(페이드인 등)과 혼용할 때 사용할 것을 권장드립니다.

- 다른 종류의 ACS 헤더와는 호환되지 않을 가능성이 높습니다*.

*PeppersGhostPeppersGhostACS 라이트와 함께 사용하려면 아래 코드를 [[include]] 뒤에 붙여넣으세요.

[[module CSS]]
/*-- ACS Lite Animation Compatibility Patch --*/
.anom-bar > .bottom-box::before { display: none; }
.anom-bar > .bottom-box { box-shadow: none!important; }
div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
@media (max-width: 480px) {
div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
}
[[/module]]

- AnAnomalousWriterAnAnomalousWriter의 작품으로부터 영감을 받음.

🈲: SCP 재단의 모든 컨텐츠는 15세 미만의 어린이 혹은 청소년이 시청하기에 부적절합니다.
따로 명시하지 않는 한 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.