使用CSS3技術的網頁設計欣賞

Jet Edge 网页设计欣赏

CSS3這們技術,比如簡單的圓角、下陰影使用,然而這些是不夠的,我們需要學習一些使用CSS來實現的交互,讓網頁更有動感,這也是未來的設計趨勢,手機網站、APP也是如此,把交互設計重視起來。

從這些作品中我們可以學習別人是如何運用CSS3並配合自己的iDea來實現很多漂亮的交互效果,慢慢欣賞吧!

Jet Edge

一家私人航空公司,網站使用全屏視差切換技術,這網頁的圖片處理很有感覺,圖片是從左向右慢移

Jet Edge 网页设计欣赏

網址:http://www.flyjetedge.com/

 

LanderApp

相當可愛的插圖是動畫

LanderApp 网站设计欣赏

網址:http://landerapp.com/

 

Sonnybono

Sonnybono 网站

網址:http://www.sonnybono.it/

 

Torre 1961

它的質感相當的特別

Torre 1961 CSS网页

網址:http://www.torre.it/

 

furnitures and design

走一個簡單優雅的風格

furnitures and design CSS网站作品

網址:http://www.henge07.com/0/#/home.php

 

BMW ConnectedDrive

一家自行車產品官網,使用全屏的扁平化風格設計,發現很多有大圖的網站現在都愛加loading圖像……

VeloSport 网页设计欣赏

網址:http://velosportonline.com/

 

Music is my style

Music is my style 网页设计欣赏

網址:http://kampania.house.pl/

 

Gnarly!

Gnarly! 网页设计欣赏

網址:http://gnarly.clothing/

 

Xbox Gift Card

Xbox Gift Card 网页设计欣赏

網址:http://xboxgiftcard.net/en/

廣告

2 thoughts on “使用CSS3技術的網頁設計欣賞

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s