css

css transition,transform공부 transition css 속성을 이용해 변화를 줄때 부드럽게 만들수있게 해주는기능 transion: property duration time-function delay 순서대로 property : 어떤 속성에 transition을 적용할것인지 보통 하나하나 지정하기 귀찮기에 all을 적어 한번에 다 지...

keyframes, animation animation 과 keyframes를 사용하면 어떤 이벤트 없이도 css를 통해 움직임을 구현할수있다. keyframes animation의 시작 중간 끝의 상태를 정의 한다. ex) 위의 예시처럼 시작을 from 끝을 to로 작성할수있고 더욱 세밀한 움직임을 표현 할경우 %를 사용할수있다. animatio...

grid grid 는 2차원 (행,열)의 레이아웃 시스템을 제공한다. flex 는 1차원 구조 레이아웃 시스템 grid 도 flex 와 마찬가지로 container item 로 구성된다. 위의 그림을 flex로 만들려면 row방향의 두개의 container가 필요할 것이다. 그러나 grid를 이용해 하나의 큰 container로 row 와column 을 ...