CSS垂直置中技巧,我只會23個,你會幾個

CSS垂直置中技巧,我只會23個,你會幾個

網頁CSS的垂直置中需求始終沒有停過,已知的垂直置中技巧已達到近十種之多,經過了 Amos 通靈了一下之後把垂直置中的寫法擴增到了23個,今天就讓 Amos 帶著大家輕鬆的了解一下CSS的垂直置中的方式吧。 詳細內容…
超簡單格相簿效果教學,使用 CSS3 nth-child只要五步驟!

超簡單格相簿效果教學,使用 CSS3 nth-child只要五步驟!

相片的陳列一向都是個困擾,最簡單的就是把它做得跟表格一樣排得整整齊齊的啊,想要有隨機大小變化的感覺雖然好看卻不知道怎麼才能排出來,所幸我們現在有了 CSS3 的 :nth-child 選取器,要多一點變化就變得輕而易舉了。 詳細內容…
Retina螢幕的Photoshop無法1:1顯示網頁版型,用這招搞定!

Retina螢幕的Photoshop無法1:1顯示網頁版型,用這招搞定!

自從 Apple Retina 螢幕問世之後,從此設計師的螢幕進入了高解析度時代,以往我們的螢幕大概就72pp […] 詳細內容…
純CSS三角組合字體動畫與polygon動畫實作

純CSS三角組合字體動畫與polygon動畫實作

自從 CSS3 有了動畫之後,世界都變得複雜美好了起來,我們可以利用 CSS3 而不需 javascript […] 詳細內容…
用 CSS3 畫理髮廳動態廣告跑馬燈

用 CSS3 畫理髮廳動態廣告跑馬燈

Amos 好久沒有用 CSS3 畫些好玩的 CSS3 小範例了,距離上次用 CSS3 繪製精美的膠囊 也已經快 […] 詳細內容…
RGB、HSL、Hex 網頁色彩碼,看完這篇全懂了

RGB、HSL、Hex 網頁色彩碼,看完這篇全懂了

網頁使用到的色彩標示方法中,從古早時期大家都在用的16進位碼(#000000)、RGB色值標示、HSL色彩標示 […] 詳細內容…
CSS3 3D魔術方塊

CSS3 3D魔術方塊

CSS3 3D 一直是Amos長久以來的問題比較多的一個技術學問,有幸在3D技術背景的朋友協助下,總算把一些C […] 詳細內容…
CSS3 Transition 3D選單效果

CSS3 Transition 3D選單效果

CSS3 menu憑藉著 CSS3 的 transition 屬性,就能輕鬆達到一些以往需要使用程式才能達到的 […] 詳細內容…
流感肆虐時,快來吞一顆用 CSS3 繪製精美的膠囊吧!

流感肆虐時,快來吞一顆用 CSS3 繪製精美的膠囊吧!

據說~身為一個網頁設計師,感冒喉痛時只要用CSS畫顆感冒膠囊就能迅速治好感冒,這是業界不傳的祕術!所以~昨天感 […] 詳細內容…
超效率! 直接使用 icon font 在 Photoshop 中設計網頁畫面!

超效率! 直接使用 icon font 在 Photoshop 中設計網頁畫面!

為了達到網頁畫面設計時與切版coding時的畫面一致性,若能在Photoshop設計階段時直接使用 icon […] 詳細內容…
芝麻開門!對開式CSS選單試做!

芝麻開門!對開式CSS選單試做!

選單是一個網站必備的要素之一,好的選單可以讓人對網站印象深刻,在以往有許多人都會設計眩目的flash選單來凸顯 […] 詳細內容…
快來收服CSS3神奇寶貝球吧!

快來收服CSS3神奇寶貝球吧!

快來收服CSS3神奇寶貝球吧!!!CSS3要畫圖是越來越簡單了,但如何省下HTML的原始碼數量就變得非常重要, […] 詳細內容…
快對VOGUE網站使出上上下下左右左右BA,哇!這是什麼?

快對VOGUE網站使出上上下下左右左右BA,哇!這是什麼?

VOGUE一直是全球時尚聖經,想當然Vogue的網站也不是隨便設計的,而VOGUE不僅讓網站內容充滿時尚~也讓 […] 詳細內容…
教學–純CSS寫的撞擊點圖示!還會轉轉轉喔

教學–純CSS寫的撞擊點圖示!還會轉轉轉喔

撞擊標示圖是Amos利用通勤時一點點的時間擠出來的小範例,這個例子採用了兩種方式來撰寫,而兩種作法也都各有其優 […] 詳細內容…
使用CSS3輕鬆寫出MAC彩虹球效果

使用CSS3輕鬆寫出MAC彩虹球效果

說到MAC彩虹球(MAC Beach ball),就是MAC在忙碌時會出現的那顆彩球,Amos一直都覺得他比W […] 詳細內容…
你的Chrome看不到CSS3 3D嗎?這篇教你怎麼解決!

你的Chrome看不到CSS3 3D嗎?這篇教你怎麼解決!

不知道你有沒有發生過明明Chrome版本是最新的,但是就會在某幾台電腦上面看不到CSS3 3D的效果,而且在F […] 詳細內容…
Powered by WordPress | Fluxipress Theme