<p>안녕하세요.</p>
<p>start.js 파일을 보면</p>
<p>begin함수에 main.style.WebkitAnimation 및</p>
<p>main.style.animation을 사용하셨습니다.</p>
<p>조금 이해가 안가는데 이 코드의 뜻이</p>
<p>main변수에 style을 적용할건데 animation이라는 이름의 css파일을 적용해라. 라는 뜻이 되는건가요?</p>

<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"></div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>main.style.WebkitAnimation = <span style="color: #ce9178;">"fadeOut&nbsp;1s"</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;main.style.animation&nbsp;=&nbsp;<span style="color: #ce9178;">'fadeOut&nbsp;1s'</span>;</div>
</div>
<p>이거 말씀하시는거라면 변수 main에&nbsp; css 파일에서 만든 fadeOut라는 이름의 애니메이션을&nbsp; 적용하라는 뜻이에요~ animation, WebkitAnimation은 css파일 이름이 아니라 color나 display처럼 속성 이름입니다!</p>
<p></p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><br />
<div><span style="color: #569cd6;">@keyframes</span>&nbsp;fadeOut&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;from&nbsp;{&nbsp;<span style="color: #9cdcfe;">opacity</span>:&nbsp;<span style="color: #b5cea8;">1</span>;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;to&nbsp;{&nbsp;<span style="color: #9cdcfe;">opacity</span>:&nbsp;<span style="color: #b5cea8;">0</span>;&nbsp;}</div>
<div>}</div>
</div>
<p></p>

Inflearn コミュニティ Q&A

css 질문