CSS2(Cascading Style Sheets) 인터넷응용프로그래밍 CSS2(Cascading Style Sheets)
Ex14-1) Media Types and Media Queries(반응형 웹)
Ex14-2) Media Types and Media Queries http://www.w3.org/TR/CSS21/media.html https://nolboo.github.io/blog/2013/07/22/advanced-guide-to-html-and-css-4-slash-10/ http://www.nextree.co.kr/p8622/
Ex14-3) Media Types and Media Queries 타입 속성
Ex14-4) Media Types and Media Queries
Ex15) Drop-Down Menus
Ex16) User Style Sheets
Ex17) Text Shadows y방향 이동거리 텍스트 그림자 색상 x방향 이동거리 흐림 정도
Ex18) User Style Sheets
Ex19) Box Shadow
Ex20-1) Vender Prefix
Ex20-2) Vender Prefix(webkit 엔진) 지원 브라우져
Ex21) Linear Gradients
Ex22) Radial Gradients : 굴곡의 중심 방향, 굴곡 쪽 색, 바깥 쪽 색
Ex23) Text Stroke Chrome IE
Ex24) Multiple Background Images http://superkts.com/css/background-origin
Ex25) Reflections : left, right, top, bottom left, bottom right : 반사 방향, 거리
Ex26-1) Animation. selectors : @-webkit-keyframes에서 지정한 이름, 애니메이션 속도,애니메이션 실행 시간 , 1초 정도 멈추고 다음 실행, 실행 횟수(무한 : infinite), 플레이 상태(normal, alternate) : 투명도, 왼쪽에서부터의 방향, 위에서 부터의 방향
Ex26-2) Animation. selectors
Ex27) Transitions and Transformations : 애니메이션 실행 시간 : 회전각도, 확대 크기
Ex28) Skew : deg의 값에 따라서 더욱 많이 꺾임
Ex29) Transitioning Between Images
Ex30) Transitions
Ex31) Transitions
Ex32) Transitions
Ex33) Downloading Web Fonts and the @font-face Rule
Ex34) Flexible Box Layout Module : vertical
Ex35) Multicolumn Layout : 단의 개수 : 단과 단 사이의 거리 : 단의 스타일 ex) dotted
Homework) Simple Animation1 회전하며 변화하는 도형(무한 반복)
Homework) Simple Animation2 물결 모양의 애니메이션 효과 CSS 구현(무한 반복)