자식 div를 부모 div 중심으로 애니메이션

StateLess

하위 div가 확대되고 나머지 div가 숨겨져 야하는 2 * 2 행렬이 있습니다.

나는 div가 그 위치에서 오는 것을 좋아해야한다는 것을 제외하고는 모든 것이 잘 작동하는 애니메이션을 만들었지 만 내 구현에서는 모든 것이 왼쪽 상단에서 오는 것처럼 보입니다.

예 : 사용자가 div 2를 클릭하면 오른쪽 상단에서 오는 것처럼 보이지만 이제는 왼쪽 상단에서 오는 것 같습니다.

이 작업을위한 모든 제안

깡깡이

오리올

절대 위치를 사용하십시오. CSS를 미리 선언하거나 JS로 삽입 할 수 있습니다.

.one, .two, .three, .four {
    position: absolute;
}
.two, .four {
    right: 0 !important;
}
.one, .two {
    top: 0;
}
.three, .four {
    top: 100px;
}
.big {
    top: 10% !important;
}

업데이트 된 바이올린보기

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

UL이 부모 div 내부를 중심으로하지 않음

분류에서Dev

jquery는 div를 부모 div의 중심으로 확장합니다.

분류에서Dev

자식 div를 부모 div로 만듭니다.

분류에서Dev

부동 div를 애니메이션 div를 왼쪽으로 푸시 애니메이션

분류에서Dev

부모 div의 jQuery 애니메이션

분류에서Dev

자식 div를 선택하는 부모 div 높이를 동적으로 만드시겠습니까?

분류에서Dev

Jquery UI 애니메이션 기능을 사용하여 자식 요소가 표시 / 숨길 때 부모 div가 애니메이션없이 더 넓어짐

분류에서Dev

div를 앞뒤로 애니메이션

분류에서Dev

자식 div를 부모 div에 자동으로 포함하는 방법은 무엇입니까?

분류에서Dev

자식 div를 부모 div의 하단에 수직으로 정렬하고 자식을 부모 높이의 백분율로 설정합니다.

분류에서Dev

자식 div가 부모 div로 이동하도록 만들기

분류에서Dev

자식 div를 부모 div 중앙에 세로로 배치하는 방법은 무엇입니까?

분류에서Dev

자식 div를 부모 div의 크기로 만드는 방법

분류에서Dev

절대 위치 애니메이션 자식 div가 부모의 경계를 벗어납니다. 어떻게 수정합니까?

분류에서Dev

자식 div는 부모 div의 중앙에 자동 너비를 지정합니다.

분류에서Dev

div 내부에 4 개의 div를 중심으로

분류에서Dev

부모 div는 부동으로 인해 자식의 높이를 무시합니다.

분류에서Dev

자식으로 열린 div를 제외한 모든 div를 닫습니다.

분류에서Dev

애니메이션 div로 웹 페이지 자동 스크롤

분류에서Dev

div (이미지, 텍스트, .....)의 모든 것을 중심으로

분류에서Dev

자식 div 높이를 부모 컨테이너 높이로 제한

분류에서Dev

자식 "div"높이를 부모 높이로 확장하는 방법

분류에서Dev

자식 "div"높이를 부모 높이로 확장하는 방법

분류에서Dev

부모를 부동 자식 div로 확장

분류에서Dev

CSS 전환-자식 div를 부모 너비와 높이로 확장

분류에서Dev

부모 div를 래핑 자식의 너비와 높이로 유지

분류에서Dev

div 내부의 애니메이션 만

분류에서Dev

Slidedown 애니메이션은 애니메이션 중에 div를 숨 깁니다.

분류에서Dev

자식 div 높이가 부모 높이를 결정합니까?

Related 관련 기사

  1. 1

    UL이 부모 div 내부를 중심으로하지 않음

  2. 2

    jquery는 div를 부모 div의 중심으로 확장합니다.

  3. 3

    자식 div를 부모 div로 만듭니다.

  4. 4

    부동 div를 애니메이션 div를 왼쪽으로 푸시 애니메이션

  5. 5

    부모 div의 jQuery 애니메이션

  6. 6

    자식 div를 선택하는 부모 div 높이를 동적으로 만드시겠습니까?

  7. 7

    Jquery UI 애니메이션 기능을 사용하여 자식 요소가 표시 / 숨길 때 부모 div가 애니메이션없이 더 넓어짐

  8. 8

    div를 앞뒤로 애니메이션

  9. 9

    자식 div를 부모 div에 자동으로 포함하는 방법은 무엇입니까?

  10. 10

    자식 div를 부모 div의 하단에 수직으로 정렬하고 자식을 부모 높이의 백분율로 설정합니다.

  11. 11

    자식 div가 부모 div로 이동하도록 만들기

  12. 12

    자식 div를 부모 div 중앙에 세로로 배치하는 방법은 무엇입니까?

  13. 13

    자식 div를 부모 div의 크기로 만드는 방법

  14. 14

    절대 위치 애니메이션 자식 div가 부모의 경계를 벗어납니다. 어떻게 수정합니까?

  15. 15

    자식 div는 부모 div의 중앙에 자동 너비를 지정합니다.

  16. 16

    div 내부에 4 개의 div를 중심으로

  17. 17

    부모 div는 부동으로 인해 자식의 높이를 무시합니다.

  18. 18

    자식으로 열린 div를 제외한 모든 div를 닫습니다.

  19. 19

    애니메이션 div로 웹 페이지 자동 스크롤

  20. 20

    div (이미지, 텍스트, .....)의 모든 것을 중심으로

  21. 21

    자식 div 높이를 부모 컨테이너 높이로 제한

  22. 22

    자식 "div"높이를 부모 높이로 확장하는 방법

  23. 23

    자식 "div"높이를 부모 높이로 확장하는 방법

  24. 24

    부모를 부동 자식 div로 확장

  25. 25

    CSS 전환-자식 div를 부모 너비와 높이로 확장

  26. 26

    부모 div를 래핑 자식의 너비와 높이로 유지

  27. 27

    div 내부의 애니메이션 만

  28. 28

    Slidedown 애니메이션은 애니메이션 중에 div를 숨 깁니다.

  29. 29

    자식 div 높이가 부모 높이를 결정합니까?

뜨겁다태그

보관