밍꾸

1. 변형, 변환 효과 - 박스의 위치, 크기, 형태 등을 2차원 또는 3차원을 변형하는 효과 2. 크기(확대/축소), 회전, 이동, 왜곡 # transform-origin 속성 - 회전의 기준점을 변경 - center(중심, 기본값), left, right, top, bottom # perspective 속성- 원근감을 주는 속성 BACK BACK

1. transition : 전환효과, 스타일의 속성이 바뀌는 것 - 시간에 따라 크기, 색상 등의 스타일 속성이 변환하도록 하는 것 2. transition의 요소 : 속성, 진행시간(duration), 지연시간(delay) - 위 cyan 색상의 사각형에 마우스를 올리면 색이 점점 진해지며 blue색상이 되고, 아래 magenta 색상의 사각형에 마우스를 올리면 사각형이 점점 둥글어지며 원모양이 된다. 문제1) LEVEL1부터 LEVEL5까지 박스의 너비가 100px ~ 500px로 변경하는 transition을 설정하시오. 5초 동안 변화하고, 1초의 지연 시간을 가지도록 하시오. LEVEL1 LEVEL2 LEVEL3 LEVEL4 LEVEL5 박스 ease linear ease..

애완견 종류 입양하기 건강돌보기 더불어살기 애완견 종류 활달한 강아지 요크셔 테리어 생기있고 활달한 성질을 가지고 있으며 자신보다 몸집이 큰 개나 집에 들어온 침입자를 겁내는 일이 없어 좋은 번견이고 우리나라 최고의의 가정견으로 자리 잡고 있다. 말티즈 애정이 많고, 충실하며 활발한 성격을 소유하고있다. 이 종은 1급 가정견으로 요크셔테리어와 함께 우리나라 최고의 가정견으로 자리잡고 있다. 포메 라이언 활기차고 명랑한 개로 유명하고, 걷는 모습이 우아하다.충실하고 우호적인 성격이 가장 먼저 거론된다. 골든 리트리버 이 견종은 충성심이 강하고 성격이 활달하여 어린아이나 여성이 상대하기에 적합한 견종이다.참을성 또한 강하여 현재는실내에서도 많이 길러지고 있다. 온순한 강아지 쉬즈 얼굴에서 풍기는 모습처럼 온..

1. 하위 선택자 - 지정한 모든 하위 요소에 스타일 적용 ex) #container ul { border: 1px solid red;} 2. 자식 선택자 - 자식 요소에만 스타일 적용 ex) #container > ul { border: 1px solid gray;} 3. 인접 형제 선택자 - 가장 가까운 형제 요소에 스타일 적용 ex) h1 + p { background-color: skyblue;} 4. 형제 선택자 - 모든 형제 요소에 스타일 적용 ex) h1 ~ p { color: red;} 5. 열거 선택자 - 선택한 오소에 스타일 적용 ex) .list1, .list2 { color: orange;} 펜션 예약 방법 및 요금 펜션에 예약하는 방법에 대해 알려 드립니다. 예약 방법 직접 통화 ..

BOX1 BOX2 BOX3 # 웹에서의 요소는 나중에 생성한 것이 이전에 생성한 것보다 위에 나타남. # z-index 속성: 요소가 겹쳤을 때 위치를 지정하는 속성 - 기본값: auto - z-index의 값이 큰 요소가 위에 나타남.

- opacity: 투명도 조절 - visibility: 가시성으로, hidden으로 하면 공간은 그대로 있지만 이미지가 보이지 않음 - { display: none; }: 공간자체가 사라짐 1. visibility: visible; → 보임, 영역은 있음, 기본값 visibility: hidden; → 보이지 않음, 영역은 있음. 2. opacity 1. visibility: visible; → 보임, 영역은 있음, 기본값 visibility: hidden; → 보이지 않음, 영역은 있음. 2. opacity: 1; → 보임, 영역은 있음, 기본값 opacity: 0; → 보이지 않음, 영역은 있음. 3. display: block; ..