- CSS 그림 회전
1 예시 1[ | ]
html
Copy
<style>
#my_image {
-webkit-animation:my_image 6s;
}
@-webkit-keyframes my_image {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(720deg) }
}
</style>
<img id="my_image" src="/w/images/jmnote_logo.png" />
2 예시 2[ | ]
html
Copy
<style>
#my_image {
-webkit-animation:my_image 6s;
}
@-webkit-keyframes my_image {
0% { -webkit-transform: rotate(0deg); }
50% { -webkit-transform: rotate(-180deg); }
100% { -webkit-transform: rotate(360deg) }
}
</style>
<img id="my_image" src="/w/images/jmnote_logo.png" />
3 같이 보기[ | ]
4 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.