CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」
Animate CSS Rotation and Scaleを使用すると、どんなHTMLでも回転させる事ができるようになります。
って、どこで使うんだろう。誰かのヒントになればって事でご紹介。
使い方
まずは、jQueryとプラグインを読み込みます。
<script src="jquery.js" type="text/javascript"></script> <script src="jquery-css-transform.js" type="text/javascript"></script> <script src="jquery-animate-css-rotate-scale.js" type="text/javascript"></script>
その後に、プラグインを有効化すれば動作するようです。
<script>
setInterval(
function () {
$('#at_ex1').animate({rotate: '+=10deg'}, 0);
},
200
);
$('#at_ex1').click(
function () {
$(this).animate({scale: '+=0.33'}, {queue: false, duration: 1000});
}
);
</script>
Google Mapを回転させる
このプラグインを使ってGoogleMapを回転させている方がいました。
デモはこちら
‘L’と’R’キーを使用して、地図を回転させる事ができます。
こんな事もできるんですね。
最新情報をお届けします
こちらもあわせてどうぞ
Warning: Undefined array key "just_current_post" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 69
Warning: Undefined array key "date_modified" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 97
Warning: Undefined array key "group_by" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 100
Warning: Undefined array key "show_type" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 102
Warning: Undefined array key "no_author_comments" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 103
Warning: Undefined array key "no_user_comments" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 104
Warning: Undefined array key "unique" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 105
Warning: Undefined array key "crossmatch" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 108
Warning: Undefined array key "orderby" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 117
Warning: Undefined array key "orderby_order" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 118
Warning: Undefined array key "orderby_case" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 119
Warning: Undefined array key "exclude_users" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 137
Warning: Undefined array key "count_home" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 138
Warning: Undefined array key "count_feed" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 139
Warning: Undefined array key "count_single" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 140
Warning: Undefined array key "count_archive" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 141
Warning: Undefined array key "count_category" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 142
Warning: Undefined array key "count_page" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 143
Warning: Undefined array key "count_search" in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 144
Warning: Undefined array key 1 in /home/xs691953/verygoodtown.com/public_html/blog.verygoodtown.com/wordpress/wp-content/plugins/post-plugin-library/common_functions.php on line 157
