Jade_o.o

CSS 작성법 CSS, 선택자(Selector) • CSS는 HTML 요소의 style을 정의하여야 하므로 스타일을 적용하고자 하는 HTML 요소 를 선택할 수 있어야 한다 • 선택자는 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단 CSS, 속성(Property) • 선택자로 HTML 요소를 선택하고 { } 내에 속성 값을 지정하여 다양한 style을 정의 • 여러 개의 프로퍼티를 연속해서 지정할 수 있으며 세미콜론(;)으로 구분 • 속성은 표준 스펙으로 이미 지정되어 있는 것을 사용, 사용자가 임의로 정의할 수 없다 CSS, 값(Value) • 값은 해당 속성에 사용할 수 있는 값을 키워드나 크기 단위 또는 색상 단위 등의 특정 단위로 지정 CSS 선택자 - 기본 선택..

p태그에 담긴 문장이 오른쪽에서 왼쪽으로 움직이는 animation 효과를 구현해보자! "As I relax on the sofa and gaze around a room a thought hits me: this is exactly the place I've been looking for all my life. A little hideaway in some sinkhole somewhere. I'd always thought of it as a secret, imaginary place, and can barely believe that it actually exists. I close my eyes and take a breath, and wonder of it all settles over me l..

transform을 통해 함수를 여러개 사용해 보자. transform : translateX() skewX() roatae(), perspectiv()

공이 직사각형 방향으로 시계 방향으로 반복해서 움직이게 해보자 @keyframes 활용, animation-direction: alternate; 0~100%에서 다시 100%~0%d으로 돌아가라는 뜻 사용 시 동그랗게 무한히 반복하지 않고 갔다가 돌아옴 html 코드 .continer{ width: 700px; height: 500px; position: relative; } .ball{ width:100px; height: 100px; border-radius: 50%; background-color: yellowgreen; position: absolute; animation-name: round1; animation-duration: 3s; animation-iteration-count: infi..