our product innovations 슬라이드
151
작성한 질문수 6
실제 한화캐미칼 홈페이지 들어가면 our product innovations 부분에 슬라이드가 들어가는데요. 이부분도 전 강의에서 사용한 스크립트 써서 응용하면 될까요?
답변 1
0
안녕하세요^^ 수정님~~
실제 한화 홈페이지 처럼 텍스트까지 바뀌게 슬라이드를 만들려면 지금과는 구조를 다르게 잡아야 할거같습니다~
전 강의 처럼 구조 잡으신 다음에!!
텍스트를 포지션 줘서 아래로 위치를 내려주고 애니메이션은 translateY로 텍스트가 위아래로 움직이듯 짜면 좋을거같아요~
그리고 slick 스크립트에서 dots 를 true 로 바꿔서 F12로 클래스명 확인 후 css 수정해주시고 ㅎㅎ
arrows 모양도 css 수정해주시면 실제 한화홈페이지처럼 충분히 제작가능합니다 ㅎㅎ
이미지는 페이드인 효과를 false 로 바꿔서 슬라이드 되게 해주세요~
열공해 주셔서 다시 한번 감사드리구요^^
오늘도 홧팅 하십시요^^
태그 사용 관련 질문 있습니다.
0
278
2
궁금합니다
0
321
1
영상에서 계속 딱닥 거리는소리
0
314
1
5강에서 view:after 와 view:hover
0
230
1
중앙정렬
0
334
3
vscode로 작성 중 css 안먹어요
0
265
1
안녕하세요! 웹페이지 내 요소들의 위치를 조정하는 방법에 대해서 질문있습니다.
0
227
2
안녕하세요 강사님. 반응형 설정에 대해서 질문이 있습니다.
0
360
4
header 부분 관련 문의 드립니다.
0
300
3
안녕하세요 강사님. 웹 페이지 픽셀 크기에 관한 질문을 남겨봅니다
0
322
3
이미지를 img 태그로 주지 않고 background url로 주는 이유가 궁금합니다!
0
244
2
more 가상 요소? 화살표 가로 정렬은 어떻게 하나욥??
0
501
2
p.img img{ transition : all 0.8s} 에서 다시 원래대로 돌아오는 원리가 궁금합니다!
0
278
4
view more를 처음부터 대문자로 쓰지 않고 uppercase로 따로 적용하는 이유는 뭔가요??
0
205
2
리셋 css 적용 시 사소한 문제가 있습니다.
0
292
1
완성 파일 main.css에 오타가 있습니다.
0
246
1
안녕하세요. 강의 보면서 공부하고 있습니다.
0
280
2
강사님~
1
268
1
아이콘 안보임
0
556
3
선생님 혹시 노트북으로는 반응형하기 좀 어려운가요?
0
474
3
툴
0
173
1
2강 innerhead
0
374
9
참고파일.txt 는 어디서 받을 수 있는 건지요? ^^
0
257
2
실제 웹사이트 운영방법
1
770
9