Table 꾸미기

이름	HTML5	CSS	Javascript
허송이	100	100	100
심효진	100	100	100
송유연	100	100	100
양재희	100	100	100
범채윤	100	100	100
안수빈	100	100	100
합계	600	600	600

Form 꾸미기

Name Email Comment

다양한 Transform

아래는 회전(rotate), 기울임(skew), 이동(translate), 확대/축소(scale)가 적용된 사례이다. 또한 마우스를 올리면 추가적 변환이 일어난다.

---

Animation 만들기

span텍스트를 5초에 blue, green, red로 무한 반복합니다.

---

꽝! 글자가 3초동안 500%에서 시작하여 100%로 바뀌는 애니메이션입니다. 무한 반복합니다.

꽝!꽝!꽝!꽝!꽝!