CSS3 網頁特效

CSS3 網頁特效

主題樹 # Austin9 年前 建立

外掛主題樹:

回應

排序: 依評價 | 依時間 RSS
標題
【O專欄】CSS3:網頁外觀新衝擊之圖像背景加工篇 | T客邦 - 我只推薦好東西
網址
http://www.techbang.com.tw/posts/2360-column-o-css3-new-l...
摘要
過去網頁設計者要將圖像加工,例如在邊界修圓角,經常需要藉助第三方軟體,如Photoshop等工具來修圖。有時候我們想對文字做些立體效果,像是加上陰影,還是得靠PS來修,然後把這些文字轉換為圖像後再上傳,沒辦法直接以程式碼辦到。(Photoshop一套可不便宜!)

CSS3在這一方面做了嘗試,能直接透過CSS代碼來對圖像、文字做出修飾,讓常要作的網頁外觀設計變得更簡單、幾行代碼就能完成。W3C規範對提出了各種不同的功能與外觀修飾語法,今天就來介紹幾個設計者在作圖像加工時常會用到的:「圓角加工(border-radius)」、「陰影加工(box-shadow)」與「拼接背景圖像(multiple background)」。

評 價 0

你認為?

正評 負評

回應 1 # Austin9 年前 發表

標題
CSS3.0 Maker 學習用CSS 3.0做網頁特效
網址
http://briian.com/?p=7272
摘要
當我們做網頁或設計網站版面時,都會使用CSS來展示、調整網站的版面、字型、字體大小顏色或各種網頁元件的展示方式與視覺表現方式,如果你是CSS的新手或想學學某些特殊的CSS3語法的使用方式,可以參考看看本文所介紹的CSS3.0 Maker網站所提供的CSS網頁特效展示工具。

CSS3.0 Maker網站中把幾種常用的CSS3用法與屬性分為邊框特效、色彩展示、圖形變化、動畫、轉換特效、文字色彩、文字陰影、區塊陰影、文字旋轉.…等等幾種類別,讓我們手動點選、展示各種特效,並在右邊檢視此效果所使用的CSS控制碼,讓不熟的人可以邊看邊學。

評 價 0

你認為?

正評 負評

回應 2 # Austin9 年前 發表

討論

目前還沒有資料