<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>回転 | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/%e5%9b%9e%e8%bb%a2/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Sat, 13 Feb 2010 16:32:47 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</title>
		<link>https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/</link>
					<comments>https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 10 Feb 2010 13:03:31 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[回転]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2115</guid>

					<description><![CDATA[<p>Animate CSS Rotation and Scaleを使用すると、どんなHTMLでも回転させる事ができるようになります。 って、どこで使うんだろう。誰かのヒントになればって事でご紹介。 使い方 まずは、jQuer [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/">CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation.png" alt="Rotation" title="Rotation" width="565" height="277" class="alignnone size-full wp-image-2117" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation.png 565w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation-300x147.png 300w" sizes="(max-width: 565px) 100vw, 565px" /><br />
<a href="http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html" target="_blank">Animate CSS Rotation and Scale</a>を使用すると、どんなHTMLでも回転させる事ができるようになります。</p>
<p><span id="more-2115"></span></p>
<p>って、どこで使うんだろう。誰かのヒントになればって事でご紹介。</p>
<h3>使い方</h3>
<p>まずは、jQueryとプラグインを読み込みます。</p>
<pre class="brush:xml;">
&lt;script&nbsp;src=&quot;jquery.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery-css-transform.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery-animate-css-rotate-scale.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p>その後に、プラグインを有効化すれば動作するようです。</p>
<pre class="brush:js;">
&lt;script&gt;
setInterval(
    function () {
        $('#at_ex1').animate({rotate: '+=10deg'}, 0);
    },
    200
);

$('#at_ex1').click(
    function () {
        $(this).animate({scale: '+=0.33'}, {queue: false, duration: 1000});
    }
);
&lt;/script&gt;
</pre>
<h3>Google Mapを回転させる</h3>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap.png" alt="googlemap" title="googlemap" width="562" height="315" class="alignnone size-full wp-image-2116" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap.png 562w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap-299x168.png 299w" sizes="(max-width: 562px) 100vw, 562px" /><br />
このプラグインを使ってGoogleMapを回転させている方がいました。<br />
デモは<a href="http://isithackday.com/hacks/map-rotate/" target="_blank">こちら</a><br />
&#8216;L&#8217;と&#8217;R&#8217;キーを使用して、地図を回転させる事ができます。</p>
<p>こんな事もできるんですね。</p>The post <a href="https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/">CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2115</post-id>	</item>
	</channel>
</rss>
