transition은 간단하게 설명하면 엘리먼트가 변하는 특정한 style속성에 애니메이션 효과를 주는 변형 속성이다. transition은 비교적 최신 기술에 속하기 때문에 버전이 낮은 브라우저에서는 동작하지 않는다. 익스플로러 10이상 크롬 파이어폭스 5이상 사파리 4이상 오페라 에서만 동작한다. transition은 부드러운 애니메이션 모션을 적용할 때 사용하는 것이다. transition 변형 속성 속성 설명 transition 모든 transition속성을 한번에 적용한다. transition-delay 이벤트가 발생한 뒤 몇초 뒤에 재생할지를 지정 transtion-duration 몇 초 동안 재생 할지를 지정 transition-property 어떤 style속성을 변형할지 지정 transi..
Colored By Color Scripter™ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 Board 스터디모집 자료게시판 Etc 일상이야기 blank 알림 알립니다 알립니다 알립니다
Colored By Color Scripter™123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160..
전체 선택자 * { color:red; } //모든 글자의 색상이 빨강색으로 변경된다. 태그선택자 h1 { color:red; } p { color:orange; } //h1 태그의 글자는 빨강색 p태그의 글자는 오렌지색으로 변경된다, 아이디 선택자 #tables { background : red; } //id속성이 tables인 태그의 배경색이 빨강으로 변경된다. 클래스 선택자 .tables { background:red; } //class속성이 tables인 태그의 배경색이 빨강으로 변경된다. 속성선택자 input[type=text] { background:red; } //input 태그 중에서 type속성을 text로 갖는 태그의 배경색을 빨강으로 변경합니다. 자손선택자(자손이란 요소의 바로 아래에..