티스토리 뷰

CSS3 160616

CSS3 상태 선택자


 선택자 형태

 설명 

 :checked

 체크 상태의 input 태그를 선택합니다. 

 :focus

 초점이 맞추어진 input 태그를 선택합니다.

 :enabled 

 사용 가능한 input 태그를 선택합니다. 

 :disabled 

 사용 불가능한 input 태그를 선택합니다. 






overflow 속성


 속성 형태

 설명 

 visible 

 기본값으로 내용이 더 길어도 그대로 보입니다.

 hidden 

 내용이 넘치면 자릅니다. 자른 부분은 보이지 않습니다. 

 scroll 

 내용이 넘치지 않아도 항상 스크롤바가 보입니다. 

 auto 

 내용이 잘릴 때만 스크롤바가 보입니다. 




 

transition !




 형태 

 설명

 transition-property

 적용할 속성입니다.

 transition-duration

 속성이 일어나는 지속 시간을 설정합니다.

 transition-timing-function

 속성의 중간값을 계산하는 방법을 정의하는 함수 입니다.

 transition-delay

 속성이 변한 시점과 트랜지션이 실제로 시작하는 사이에  기다리는 시간을 정의합니다.


참고 : https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

'📁 공부정리 > CSS' 카테고리의 다른 글

유니코드 아이콘(unicode icons), 참조 사이트.  (0) 2018.01.03
CSS/ justify-content가 뭐지?  (0) 2017.12.27
CSS 참고사이트  (0) 2016.06.10

Recent Comments