메뉴 건너뛰기

조회 수 120 댓글 2

<!DOCTYPE html>
<html>
<head>
    <title>x</title>
    <style>
        @keyframes bb{
            0% {transform: rotate(0,-90deg);}
            25% {transform: rotate(0,0deg);}
            50%{ transform: rotate(0,90deg); }
            75% {transform: rotate(0,0deg);}
            100%{transform: rotate(0,-90deg);}
        }
        img{

            animation-name: bb;
            animation-duration: 1s;
            animation-iteration-count: infinite;
        }
        

    </style>
</head>
<body>
    <h3>어지러워요</h3>
    <hr>

    <img src="media/1.png">

</body>
</html>

 

 

이렇게 했는데 안되더라구요.... 오케 해야되나영...ㅠ

?
  • ?
    관리자 2019.04.15 10:23

    우선, rotate()를 사용하는 문법이 틀렸어요. rotate()는 다음과 같이 회전시키고자 하는 각도 하나만 전달합니다.
    rotate(0,90deg) -> rotate(90deg)


    그리고 책의 246페이지의 그림 5-27을 참고하세요.
    이 그림에는 각도가 의미하는 바가 나와 있습니다.

    1초 동안에, 회전 각도를 0, 90, 180 순으로 바꾸고 다시 90, 0도 바꾸면 됩니다.

  • ?
    공부해염 2019.04.19 14:10
    저 질문당시에는 이해 못 했는데 현재 시점에는 이해 했습니다 감사합니다 ㅎㅎ.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 5231
165 자바스크립트로 배경이미지슬라이드 만들어볼려고 열심히 노력하는데 1 hansung 2019.06.24 9
164 5장 연습문제 홀수 번 질문 1 채XX 2019.06.17 25
163 7장 실습문제10번 자바 2019.06.13 36
162 1장 1 ㅇㄹㅇㄹ 2019.06.07 19
161 <li> 1 랄라 2019.05.29 25
160 실습문제 7장 2번의 입력된 반대순으로 출력이 넘 힘듭니다 도움좀 주세요 제발 ㅠㅠ 도널드임 2019.05.27 62
159 10장 이론문제 10번 질문입니다. 3 하늘하 2019.05.15 127
158 명품 html5+css3책과 HTML의 차이가 궁금합니다 저자님 2 보안 2019.05.03 135
157 궁금한게 있어요 마맘마 2019.04.19 61
156 4장 6번문제 물어볼려고합니다 1 배재한 2019.04.16 172
» 5단원 실습 6-2번 질문합니다 2 공부해염 2019.04.13 120
154 이거 오타인가요? 1 HTML5 2019.04.11 83
153 5장 연습문제 질문 1 5장 연습문제 질문 2019.04.05 184
152 교재 81쪽 비정형 표 만들기 부분에서 질문이 있습니다. 1 vmffotltka 2019.03.17 54
151 마우스오버기능 이용해서 플레이되는 오디오 제작중인데요 1 file 성북동뽀글이 2019.01.25 110
150 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 음음 2019.01.24 279
149 예제 13-02 2 성북동 뽀글이 2019.01.22 63
148 몽구스 질문있습니다 ㅜㅜ 3 몽구스초보입니다 2019.01.10 95
147 실습문제답도 제공이 안되는 건가요? 2 아침이 2019.01.07 189
146 자바스크립트의 컴파일오류 1 1234 2018.12.22 69
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 ... 9 Next
/ 9
위로