애니메이션 실전 퍼블리싱 part 1 02(사각형 좌표변경 로딩 애니메이션)질문합니다
질문1
display: flex;
justify-content: center;
align-items: center;
height: 100vh
가 뭔지 잘 모르겠어요..ㅠㅠ
질문2
강의를 보면서 계속 확인했는데 완성본이랑 움직임이 다릅니다..
제가 빼먹은 부분이 있는 것같은데 잘 안보여서 같이 질문드려요ㅠㅠ
좋은 강의 만들어주셔서 감사합니다.
좋은 주말 보내세요
답변 1
2
질문1에 대한 답변)
플렉스(Flex)로 자식요소를 수직중앙 수평중앙 위치시키는 구문입니다. 아래 구문과 정확히 동일한 기능을 한다고 생각하시면 됩니다. 플렉스를 나중에 공부하시게 되면 너무 당연하고 쉬운 구문입니다. 지금은 상식 삼아 그냥 외워서 치세요. 아니면 아래의 포지션 구문을 사용하셔도 됩니다.
body 바로 밑의 자식요소가 .container라고 가정할 때
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
질문2에 대한 답변)
75% 구간에 코드 오류가 있습니다.
top: calc(100% - 10px;) 이렇게 되어 있는데 top: calc(100% - 10px);
다는 괄호와 세미콜론 위치가 바뀌었습니다.
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
74
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
89
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
486
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
230
2
넷플릭스 어코디언 예제 질문
1
105
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
157
1
active 관련 질문
1
147
2