해결됨
[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
선생님 웹디자인 기능사 시험치고 왔는데요.....
선생님 웹디자인 기능사 시험치고 왔는데요, 12번 Vally Festival이 시험으로 나왔어요....
슬라이드가 이미지만 바뀌면 안되고, 이미지가 좌에서 우 또는 우에서 좌로 이동하게 하라고 해서.....이렇게 코드를 넣었고요...
/*slide*/
.slide{
position: relative;
width:800px;
height: 350px;
overflow: hidden;
}
.slide > div{
width:2400px;
font-size: 0;/*font-size: 0;해야 width:3600px;이 되어 이미지가 가로로 배치된다*/
position: absolute;
top:0;
left:0;
animation: slide 8s linear infinite;
}
@keyframes slide {
0%{
left:0;
}
30%{
left:0;
}
35%{
left:-1200px;
}
65%{
left:-1200px;
}
70%{
left:-2400px;
}
95%{
left:-2400px;
}
100%{
left:0;
}
.news는 제가 말줄임표를 태그가 기억이 안나서,,,
제가 임의로 짤랏고요...
그리고.... .modal-content에
transform: translate(-50%, -50%);
넣는걸 깜빡했어요....
나머지는 잘 했는데,,,, 합격할 수 있을까요?
네비게이션 작동도 잘됬었고, 슬라이드도 잘됬는데 합격
할수 있을까요?
