<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">안녕하세요.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">밑에 사진처럼 두개를 만들었는데, 이유가 무엇인가요??</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">단지 크롬에서 작동하기위해 @-webkit-를 사용한것인가요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">아니면 @keyframes 하나만 해도 상관없는건가요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 23px; line-height: 31px; white-space: pre;"><span style="color: #c586c0;">@keyframes</span></div>
</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 23px; line-height: 31px; white-space: pre;"><span style="color: #c586c0;">@-webkit-keyframes </span></div>
</div>

<p>네, 크롬에서 사용하기 위해 @-webkit-을 넣어주었습니다.</p>
<p>사용자가 사용하는 크롬 버전이 최신버전이라면 생략하여도 무방합니다.</p>

인프런 커뮤니티 질문&답변

질문이요!!!