2013年12月22日 星期日

[CSS3] 用CSS3撰寫神奇寶貝球,不需要圖片就能做到!

CSS3要畫圖是越來越簡單了,但如何省下HTML的原始碼數量就變得非常重要,那麼畫一顆神奇寶貝球到底需要多少的HTML碼呢?答案是…只需要一個DIV標籤即可!
CSS3中有許多迷人的功能,讓我們可以非常自由且彈性的設計我們的頁面區塊,其中Multiple background image就是一個非常吸引人的功能,不僅便利、彈性、省Code外,還能發揮更多的設計變化,上一次Amos寫的的「使用CSS3輕鬆寫出MAC彩虹球效果」以及「純CSS寫的撞擊點圖示!」其實也都是CSS3的Multiple background image功能,而這一次Amos更是好好玩了一下CSS3 Multiple background image功能,將CSS3的Gradient功能加進來一起使用,製作了九龍珠九顆神奇寶貝球,不多說,先來看看 CSS可樂的詳細說明吧。

2013年11月4日 星期一

[CSS] 用CSS3寫 iTunes flip cover效果



早在很久以前,當iTunes的3D flip cover檢視效果出來時,就已經造成令人驚豔的視覺感受了,而現在有了CSS3的3D功能支援後,未來要寫這樣的效果可以說是越來越簡單了,而且更令人感到驚訝的是,不需要Javascript也能寫出iTunes這樣的效果了,不多說,請各位直接到CSS可樂頁面去看看吧

http://csscoke.com/2013/10/28/css3-itunes-flip-cover-effect/

2013年10月17日 星期四

[軟體] 保護眼睛!請更換Dreamweaver程式碼配色!

一直以來都覺得Dreamweaver在編輯原始碼的功能上面速度飛快,但唯一的問題就是白色的背景很傷眼睛,用過不少的文字編輯器發現,似乎只有Dreamweaver沒有原始碼檢視的色彩配色可用,雖然可以自己去修改,但是要比對每一種原始碼的顏色也太麻煩了,所以,乾脆用網路神人的現成配色,然後再自己修改成自己的幸運色喜歡的顏色,這樣就快多了~要更換配色的話有多種方式,歡迎到CSS可樂去看更詳細的教學喔^^
http://csscoke.com/2013/10/11/change_dw_code_color/