首頁 部落格 10個特殊的CSS技術和實例介紹
Free Resource
Aug 02, 2010
網路上有很多創新、免費的網頁設計資源,有些可以用於網站的草稿與線稿設計,也有繪圖軟體可以強化網站的視覺設計表現,還有很多奇特的網站提供意想不到的服務,我們樂於收集與分享這些資源給各位。

10個特殊的CSS技術和實例介紹

10個特殊的CSS技術和實例介紹

在廣大的網海中,有著成千上萬許許多多的網站,優秀的網頁設計也是多倒數不清。此篇以CSS樣式表為主,找尋其中 20個優秀的CSS技術和實例來介紹 ,這些網站優秀展示了CSS的能力和穩健性。 您會看到各種不同的 技術,如照片畫廊,陰影,可伸縮的按鈕,選單和更多種CSS技術,所有的實例只用CSS和HTML。開始往下欣賞CSS的魅力吧!


01. Hoverbox Image 

一個純CSS的圖片畫廊 ; 移動至圖像處會放大。

 

02. Advanced CSS Menu

有創造性的和複雜的導覽列。

 

03. Sliding Photograph Galleries

一個像手風琴展開的效果 ; 移動至圖像處可擴展。

 

04. Drop shadow on an image

下落式陰影的圖像效果。


05.  Cross Browser Multi-Page Photograph Gallery

移動至標籤導覽列更換圖像列,移動至圖像處會放大。


06.  Sticky Footer

此技術靜態頁腳用很少的XHTML要求。

 

07.  whatever: hover

一個階層式的導覽選單。


08.  CSS-Only Accordion Effect

一個手風琴展開的效果。

 

09.  Scalable CSS Buttons Using PNG and Background Colors

一種變換圖片及背景顏色的按鈕效果。


10.  Pushbutton Links

無需使用圖像,讓連結的樣式看起來像按鈕。

 

圖片來源 Pixabay 作者 Pexels

電子郵件簽名檔製作產生器,簽名檔製作不失敗
電子郵件簽名檔製作產生器,簽名檔製作不失敗
Ryan
Ryan
Mar 26, 2021
從零開始,網頁設計新手建議:版型、色彩、視覺、字體、內容
從零開始,網頁設計新手建議:版型、色彩、視覺、字體、內容
Ringo
Ringo
Feb 01, 2021
民宿網頁設計風格Top榜,最受歡迎的民宿設計都在這了!
民宿網頁設計風格Top榜,最受歡迎的民宿設計都在這了!
Jericho
Jericho
Mar 29, 2021