강의

• 2:20:37부터

1. 수업

1. Forest 부분

• 어제했던 Farm부분과 같이
• html , style , animation , mobile순으로 작성
• 따로 특별한부분은 없다.
• moblie할때 그림이 바뀌니 다시
  diplay,none을 활용해보자
• 같은 3차원 같은 z-index면 나중에 작성된게 위에있음
• 언제나 마진병합을 주의하자
• 항상 중간중간에 위치를 잘확인해야한다.
• 배치작업을할땐 항상 html에서 작성한 순으로 한다.

2. Science 부분

• 이 부분도 크게 다를껀 없음
• funnel 부분이 두개인 이유는 자바스크립트가 들어갔을때 z축을 만들어주기위해서
• 모바일에서는 그림자가 있는데, pc버전에는 없다.. 통일시키는게 좋다.
• mobile 에서 height: auto;는 자식값에 의해서 이렇게 222px자동설정됨
  • overflow hidden을 쓰고 모두 float값을 사용했기 때문에 이게 가능함

3. night 1 부분

• div를 써서 y축 정렬,
• 먼저나오는형제가 3차원이면 뒤에가 머든 상관없음
• 형제관계 포지션 특징 이용해서 x축 정렬
• 먼저나오는형제가 3차원이면 뒤에가 머든 상관없음
• 좌우값 조정하면 x축 정렬
• animation은 transform: rotate()사용
• night1의 별은 transform: scale() 사용

2. 어려웠던점

• 은 크게없었다 어제 했던거의 연장선인 느낌

3. 해결법

• 복습좀 하자 나자신,,제발

4. 소감 ,,

• 어제 오늘 너무힘듦,,,강의가 길어서그런가

오늘한 Git