Notice
Recent Posts
Recent Comments
Link
목록animation (1)
함께 성장하는 프로독학러
CSS 애니메이션 구현 - @keyframes 와 animation 속성을 이용하여
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 CSS 애니메이션과 @keyframes 에 대해서 알아보도록 하겠습니다. 1. @keyframes @keyframes 는 CSS 애니메이션에서 구간을 정하고 각 구간별로 어떤 스타일을 적용시킬지 정하는 문법입니다. @keyframes 를 사용하기 위해선 세 가지가 필요합니다. animation-name : 사용자가 직접 지정한 이름, @keyframes 가 적용될 애니메이션의 이름 스테이지 : from - to 로 0~100% 의 구간 CSS 스타일 : 각 스테이지(구간)에 적용시킬 스타일 코드를 통해 살펴보도록 하겠습니다. 12345678@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}cs 위..
Programming/HTML_CSS
2018. 6. 15. 14:04