728x90 css transform2 [CSS] transform - Translate 수평, 수직 정렬 CSS 수평 수직 정렬 Transform - translate CSS 를 사용하다보면, 좌우,상하 가운데 정렬을 해야할 일이 많다. 가운데 정렬할수 있는 방법에는 다양한 방법이 있지만, transform 속성 또한 상당히 많이 사용이 되고 있다. CSS Selector { transform : translate(좌우, 상하); } 샘플예제 출력 결과 코드 수정 .container > .box { width : 200px; height: 200px; background : royalblue; /*하단의 코드 추가*/ transform : translate(100%,100%); } 출력 결과 2021. 3. 4. [CSS] Transform 속성 span 태그에 적용하기 CSS Transform 속성을 Span 태그 등 inline태그에 적용시 반응이 없을때가 있다. css transform 속성은 display : inline 속성을 가진 태그에는 적용이 되지 않는다. 만약 원하는 태그가 transform 속성이 적용되지 않는다면, inline 태그가 아닌지 확인하고, 해당 속성을 inline -> inline-block 으로 변경해보자 [SPAN 태그 display : inline] [SPAN 태그 display : inline-block] 2021. 2. 22. 이전 1 다음 728x90
