잠깐 정지!!
SCP 위키 내부에서 사용되는 템플릿 페이지입니다.
스탭의 허가없이
이 페이지를 만지지 마세요
정보
ACS 애니메이션
원작: https://scp-wiki.wikidot.com/component:acs-animation
저자: EstrellaYoshte
역자: Denevola
이건 로딩되는 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 헤더와는 호환되지 않을 가능성이 높습니다*.
*PeppersGhost의 ACS 라이트와 함께 사용하려면 아래 코드를 [[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]]
- AnAnomalousWriter의 작품으로부터 영감을 받음.