목록2016/05/22 (4)
타쿠꺼
16.05.22
animation의 재생 횟수 카운트는 엘리먼트의 display가 none 상태가 되면 초기화된다.만약 한 번 재생으로 해놨다면, 해당 엘리먼트의 display가 none이 되기 전까지 다시는 재생되지 않는다.display가 none이었다가 다시 렌더링이 된다면 animation이 설정된 횟수 대로 또다시 재생된다.
Daily Study
2016. 5. 22. 21:52
animation
CSS로 애니메이션효과를 만들 수 있다.애니메이션은 우선 키프레임을 정의하여 효과를 부여한다. 1234567@keyframes name { 0% { ... } n% { ... } 100% { ... }}cs 와 같이 키프레임을 정의한다. 키프레임을 정의했으면 애니메이션을 적용할 셀렉터에 animation 프로퍼티로 적용한다. 1234567891011.selector { animation: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state;} cs anim..
CSS/Reference
2016. 5. 22. 21:48
meta
- IE의 렌더링 엔진을 고정시킴. - 반응형 웹을 위해 설정한다. 설정하지 않으면 모바일 기기에서 단순히 전체화면이 출력된다. - 설정하면 모바일기기의 가로폭을 인지하여 작동한다. 따라서 미디어쿼리를 이용해 반응형 웹을 구현할 수 있는 것.
HTML/Reference
2016. 5. 22. 10:51