인프런 커뮤니티 질문&답변

My own life님의 프로필 이미지
My own life

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

[최종본 제작] 세로 2컬럼(C2타입) – Part2

선생님 웹디자인 기능사 시험치고 왔는데요.....

해결된 질문

작성

·

258

1

선생님 웹디자인 기능사 시험치고 왔는데요, 12번 Vally Festival이 시험으로 나왔어요....

슬라이드가 이미지만 바뀌면 안되고, 이미지가 좌에서 우 또는 우에서 좌로 이동하게 하라고 해서.....이렇게 코드를 넣었고요... 

/*slide*/
.slide{
   positionrelative;
   width:800px;
   height350px;
overflowhidden;
}
.slide > div{
    width:2400px;
    font-size0;/*font-size: 0;해야 width:3600px;이 되어 이미지가 가로로 배치된다*/
    positionabsolute;
    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에
transformtranslate(-50%-50%);
넣는걸 깜빡했어요....
나머지는 잘 했는데,,,, 합격할 수 있을까요?
네비게이션 작동도 잘됬었고, 슬라이드도 잘됬는데 합격
할수 있을까요?

답변 1

1

먼저 시험보시느라 고생하셨어요.

제가 채점위원이 아니라서 100%라고 말씀은 못드리지만...

모달에서 transform: translate(-50%, -50%); 이거 넣지 않은 정도면 문제 없습니다.

얼마전 시험본 학생이 올린 글이 있는데 찾을 수가 없긴 한데요.

2회차 시험봤던 수강생이 모달창을 아예 띄우지 못했는데 합격했다고 하더라구요.

실기시험 합격이 60점이잖아요.

100점 맞으면 좋겠지만 안그래도 되잖아요. 합격하면 되는거니까...

말씀하신데로 레이아웃, 네비게이션, 슬라이더 다 잘 만드셨으면 합격하셨을거라 생각됩니다.

My own life님의 프로필 이미지
My own life
질문자

감사합니다

My own life님의 프로필 이미지
My own life

작성한 질문수

질문하기