NOW OR NEVER

CSS 변환 효과(Transform) Transform 2D 변환 함수 애니메이션에 특화되어 있는 이런 함수들을 애니메이션 만들 때 쓰는 것이 좋다 transform: 함수(값) 함수(값); 함수는 띄어쓰기 통해 다중 입력 가능 1. 전체를 아우르는 함수 matrix matrix(n,n,n,n,n,n): 2차원 변환 효과 translate, scale, rotate, skew 등의 함수가 matrix를 대신한다. 이동, 크기, 회전, 기울임을 한번에 제어해주는 함수 이 함수 사용시 일반적인 상식에서 벗어난 방식으로 해서 사용이 어렵다. 직접적으로 사용할 필요는 없다. 브라우저가 알아서 해주기 때문 [실질적 쓰는 함수] 1. 이동 함수 translate 이동 관련 제어해주는 함수[ position과 다른 ..

CSS 배경에 관한 속성 background : 요소의 배경 설정 1. 단축 속성 background : 색상 이미지경로 반복 위치 스크롤특성; 이미지 경로는 url()함수 사용 특정 값 사용하지 않아도 됨(누락 가능) 다중 배경 이미지 삽입시 하나의 background 단축속성, 이미지경로 반복여부 가로사이즈 세로사이즈, 이미지경로 반복유무; 로 작성 다중 배경 이미지는 IE8 이하 버전에서 사용 불가능 2. 개별 속성 background-color : 요소의 배경 색상 지정, 기본값은 transparent 투명 요소의 색은 기본적으로 투명하다. 단축 속성으로 더 많이 이용 background-image : 요소 배경에 하나 이상의 배경 이미지 삽입, 기본값은 none background-image :..