편집 기록

프로필 엽토군님의 편집

날짜2019.06.18

오빠들 ㅜ css 마우스 오버시 이미지가 회전하고 끝나면 옆으로 텍스트가 삐져나오게 하는 애니메이션 방법좀 알고싶습니다 ㅜ 도와주세요

mouseover

<!doctype html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>CSS</title>
           <style type="text/css">
 .wrap img {                width: 250px;
                height: 250px;
                margin: 30p
x auto;
transition: all ease 1s;
            }

.wrap img:hover {
                transform: rotate( 900deg );
            }</style>
    </head>
    <body>
        <div class='wrap'>

  <span></span>

        <img src="https://cmail.daum.net/v2/mails/0000000000000P1/attachments/MjoxLjI6NTY4ODoyOTQyNjppbWFnZS9wbmc6YmFzZTY0OnhOa1Y4eUdlVm9reVR6RVg5SjdaM0E/raw/img01.png?inlineContentType=image%2Fpng&inlineFileSize=21504&inlineId=MjoxLjI6NTY4ODoyOTQyNjppbWFnZS9wbmc6YmFzZTY0OnhOa1Y4eUdlVm9reVR6RVg5SjdaM0E" />
</div>
    </body>
</html>

프로필 알 수 없는 사용자님의 편집

날짜2019.06.11

오빠들 ㅜ css 마우스 오버시 이미지가 회전하고 끝나면 옆으로 텍스트가 삐져나오게 하는 애니메이션 방법좀 알고싶습니다 ㅜ 도와주세요

마우스오버

<!doctype html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>CSS</title>
           <style type="text/css">
 .wrap img {                width: 250px;
                height: 250px;
                margin: 30p
x auto;
transition: all ease 1s;
            }

.wrap img:hover {
                transform: rotate( 900deg );
            }</style>
    </head>
    <body>
        <div class='wrap'>

  <span></span>

        <img src="https://cmail.daum.net/v2/mails/0000000000000P1/attachments/MjoxLjI6NTY4ODoyOTQyNjppbWFnZS9wbmc6YmFzZTY0OnhOa1Y4eUdlVm9reVR6RVg5SjdaM0E/raw/img01.png?inlineContentType=image%2Fpng&inlineFileSize=21504&inlineId=MjoxLjI6NTY4ODoyOTQyNjppbWFnZS9wbmc6YmFzZTY0OnhOa1Y4eUdlVm9reVR6RVg5SjdaM0E" />
</div>
    </body>
</html>