filter.css 利用 CSS 就能將照片套用各種不同的風格特效

filter.css 利用 CSS 就能將照片套用各種不同的風格特效

在網頁要呈現照片的特殊效果,難免都要用到圖片編輯軟體中的濾鏡功能,不過現在透過 CSS 也能達到濾鏡的功能,filter.css 這個網站提供一組 CSS 語法並搭配說明,讓 div 區塊中的圖片就能立即套用濾鏡,呈現不同的風格特效。

繼續閱讀»»»

CSS3 Animation 套用 CSS 3 動畫語法範本,就讓網站輕鬆動起來

CSS3 Animation 套用 CSS 3 動畫語法範本,就讓網站輕鬆動起來

以前想要讓網頁有動畫效果,多數要靠 JaveScript、GIF 或是 Flash,而現在則可以透過 CSS 3,不過想要透過 CSS 3 語法來做動態特效,其學習門檻著實不低。但若只想在網頁放一些較為簡單的特效,可以來參考 CSS3 Animation 這個網站所提供的 CSS 3 動畫語法免費範本,包含有兩大類:

  • ENTRANCES :slideUp、slideDown、slideLeft、slideRight、slideExpandUp、expandUp、fadeIn、expandOpen、bigEntrance、hatch
  • MISC:bounce、pulse、floating、tossing、pullUp、pullDown、stretchLeft、stretchRight

下載後,只要經過簡單的語法加工,就能套用範本,讓自己的網頁輕鬆動起來。

繼續閱讀»»»

CSS 3.0 參考手冊 (中文版)

CSS 3.0 參考手冊 (中文版)

Cascading Style Sheets 簡稱 CSS,這種可應用在網頁(HTML)或 XML 裡的結構式語法,能讓網頁在排版時呈現多樣式的變化,目前 CSS 的標準也從1.0、2.0 進展到最新的 3.0,提供了更多的樣式及效果,讓網頁可以變得更生動,對於某些要呈現的網頁效果也省去了使用像是 Flash 或是其它美工軟體來製作。若是有學習 CSS 3.0 的需求,可以來參考這份 CSS 3.0 參考手冊,內容從語法、參數、使用方法、瀏覽器相容性到語法範例均有詳細說明,是相當好的入門手冊。

繼續閱讀»»»

CSS 3.0 Maker 線上 CSS 3.0 語法產生器

CSS 3.0 Maker 線上 CSS 3.0 語法產生器

Cascading Style Sheets 簡稱 CSS,這種可應用在網頁(HTML)或 XML 裡的結構式語法,能讓網頁在排版時呈現多樣式的變化、美觀網頁裡的元素(字型、字體、顏色、間距...)使其每個元素可以有自己的呈現方式,可說是網頁的排版師,也是每個網頁設計師必學課題。目前 CSS 的標準也從1.0、2.0 進展到最新的 3.0,提供了更多的樣式及效果,讓網頁可以變得更生動,對於某些要呈現的網頁效果也省去了使用像是 Flash 或是其它美工軟體來製作。CSS 3.0 Maker 就是一個相當好應用的 CSS 3.0 線上 CSS 語法產生器,對於所需要的效果,可利用其產生器進行調整設定,便能產生出針對各家瀏覽器的支援度所需要的 CSS 3.0 代碼。CSS 3.0 Maker 可產生網頁效果如下:

  • Border Radius - 圓角框
  • Gradient - 漸層顏色
  • CSS Transform - 變形
  • CSS Animation - 動畫
  • CSS Transition - 改變效果
  • RGBA - 顏色透明效果
  • Text Shadow - 文字陰影
  • Box Shadow - Box 陰影
  • Text Rotation - 文字旋轉
  • @Font Face - 字型外觀

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄