Permalink
Browse files

Site updated at 2013-06-11 10:00:38 UTC

  • Loading branch information...
1 parent 0693582 commit b2dd093ff2a643a3ffb5e398794ae0838ea26f5e unknown committed Jun 11, 2013
View
@@ -4,7 +4,7 @@
<title><![CDATA[apa]]></title>
<link href="http://blog.rx836.tw/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -25,19 +25,19 @@
<!--more-->
-<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不遠
-,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
+<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不
+,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
就不在這裡的討論範圍裡面,畢竟條條大路通羅馬</p>
<h2>Start</h2>
-<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可以出現這樣的呈現方式</p>
+<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可能出現這樣的呈現方式</p>
<p><img src="http://farm4.staticflickr.com/3748/9013398826_44a5b35f7e_o.jpg" /></p>
<p>而這時候右上角通常都會有可以關閉的X按鈕,點擊後整個視窗就會消失,但為了讓這個 lightbox 不至於太過呆版,可以在關閉X按鈕上面加點巧思</p>
-<p>HTML部份</p>
+<p>首先是HTML部份</p>
<pre><code>&lt;div id="pop"&gt;
&lt;a id="close"&gt;&lt;/a&gt;
@@ -4,7 +4,7 @@
<title><![CDATA[Category: CSS | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/css/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -25,19 +25,19 @@
<!--more-->
-<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不遠
-,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
+<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不
+,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
就不在這裡的討論範圍裡面,畢竟條條大路通羅馬</p>
<h2>Start</h2>
-<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可以出現這樣的呈現方式</p>
+<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可能出現這樣的呈現方式</p>
<p><img src="http://farm4.staticflickr.com/3748/9013398826_44a5b35f7e_o.jpg" /></p>
<p>而這時候右上角通常都會有可以關閉的X按鈕,點擊後整個視窗就會消失,但為了讓這個 lightbox 不至於太過呆版,可以在關閉X按鈕上面加點巧思</p>
-<p>HTML部份</p>
+<p>首先是HTML部份</p>
<pre><code>&lt;div id="pop"&gt;
&lt;a id="close"&gt;&lt;/a&gt;
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Facebook | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/facebook/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: HTML5 | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/html5/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: JavaScript | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/javascript/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: jQ-Plugin | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/jq-plugin/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: jQuery | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/jquery/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Octopress | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/octopress/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: PhoneGap | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/phonegap/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: Win8 | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/win8/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: 好書分享 | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/好書分享/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -4,7 +4,7 @@
<title><![CDATA[Category: 學習筆記 | apa]]></title>
<link href="http://blog.rx836.tw/blog/categories/學習筆記/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-06-11T17:43:22+08:00</updated>
+ <updated>2013-06-11T18:00:13+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -9,8 +9,8 @@
<meta name="author" content="阿帕">
- <meta name="description" content="最近看到一個網站,很酷的將許多CSS3給呈現出來,讓我開始思考怎麼運用在實做的網站上面 但其實在這之前就做過類似的 CSS3 動畫學習筆記 - [CSS3] 認識CSS3 Transitions,原理其實相差不遠
-,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果, &hellip;">
+ <meta name="description" content="最近看到一個網站,很酷的將許多CSS3給呈現出來,讓我開始思考怎麼運用在實做的網站上面 但其實在這之前就做過類似的 CSS3 動畫學習筆記 - [CSS3] 認識CSS3 Transitions,原理其實相差不
+,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果, &hellip;">
<!-- http://t.co/dKP3o1e -->
@@ -34,8 +34,8 @@
<meta property="fb:app_id" content="416172151763823" />
<meta property="og:title" content="[CSS3] 利用transform替網頁做小巧思 - apa" />
-<meta property="og:description" content="最近看到一個網站,很酷的將許多CSS3給呈現出來,讓我開始思考怎麼運用在實做的網站上面 但其實在這之前就做過類似的 CSS3 動畫學習筆記 - [CSS3] 認識CSS3 Transitions,原理其實相差不遠
-,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果, &hellip;" />
+<meta property="og:description" content="最近看到一個網站,很酷的將許多CSS3給呈現出來,讓我開始思考怎麼運用在實做的網站上面 但其實在這之前就做過類似的 CSS3 動畫學習筆記 - [CSS3] 認識CSS3 Transitions,原理其實相差不
+,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果, &hellip;" />
<meta property="og:url" content="http://blog.rx836.tw/blog/css3-transform/" />
@@ -122,19 +122,19 @@ <h1 class="entry-title">[CSS3] 利用transform替網頁做小巧思</h1>
<!--more-->
-<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不遠
-,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
+<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不
+,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
就不在這裡的討論範圍裡面,畢竟條條大路通羅馬</p>
<h2>Start</h2>
-<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可以出現這樣的呈現方式</p>
+<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可能出現這樣的呈現方式</p>
<p><img src="http://farm4.staticflickr.com/3748/9013398826_44a5b35f7e_o.jpg" /></p>
<p>而這時候右上角通常都會有可以關閉的X按鈕,點擊後整個視窗就會消失,但為了讓這個 lightbox 不至於太過呆版,可以在關閉X按鈕上面加點巧思</p>
-<p>HTML部份</p>
+<p>首先是HTML部份</p>
<pre><code>&lt;div id="pop"&gt;
&lt;a id="close"&gt;&lt;/a&gt;
View
@@ -318,18 +318,18 @@
</url>
<url>
<loc>http://blog.rx836.tw/blog/css3-transform/</loc>
- <lastmod>2013-06-11T17:43:03+08:00</lastmod>
+ <lastmod>2013-06-11T17:58:57+08:00</lastmod>
</url>
<url>
<loc>http://blog.rx836.tw/about/</loc>
<lastmod>2013-05-16T18:20:07+08:00</lastmod>
</url>
<url>
<loc>http://blog.rx836.tw/blog/archives/</loc>
- <lastmod>2013-06-11T17:43:03+08:00</lastmod>
+ <lastmod>2013-06-11T17:58:57+08:00</lastmod>
</url>
<url>
<loc>http://blog.rx836.tw/</loc>
- <lastmod>2013-06-11T17:43:03+08:00</lastmod>
+ <lastmod>2013-06-11T17:58:57+08:00</lastmod>
</url>
</urlset>

0 comments on commit b2dd093

Please sign in to comment.