純CSS3打造iPhone4

[吉米丘]

有在製作網頁的夥伴就知道

CSS絕對是一個非常強大且好用的新興網頁設計必備的技術

但是要學會駕馭它需要一段路來學習

吉米也還在學習中




而國外這個神人更厲害，完全沒有用到任何一張圖片、向量圖

只有3395行的css語法，還有335行的javascript




打造出這一頁iPhone4的互動頁面，超強的啦

http://tjrus.com/iphone


大家趕快去看看吧

最後，若有哪位夥伴也是CSS高手，請跟吉米聯繫，日後吉米改版還需要協助喔

[Dior Homme]

有圖片..
網頁底圖是張 PNG 圖片.....XD

不過那台 iPhone4 真的只靠 CSS 畫出來也太神了...
質感就像一張照片呀..

[muscleysy]

真的粉帥啊…呵… 好順

[kes792]

但是，用ｉｅ看還是一樣幾乎全掛！
最討厭這種Browser相容性的問題～

[Dior Homme]

用IE會掛是正常的！
是IE自己不按照CSS3標準來走..
那就怨不得人了..
也是因為這樣..其實很多網頁設計師都放棄了對於IE的支援性..
畢竟在CSS為主的今天..IE的綁手綁腳真的限制太多了..

我想MS或許忘記現在不再是以前WIN獨大的時候了
也不再是瀏覽器只用它一家的時後了..

[COLOR=#fafafa !important]

[/COLOR]

[yclin]

只有電源,home鍵及滑動桿有作用,其他都不能動
IE更是不能開
純好玩

[majesty0903]

我進去也可以點選呀
滑桿,HOME鍵,電源鍵

為甚麼大家的IE都會有問題呀?
我是WIN 7用IE9都很正常
沒有大家所說的問題耶!!(懷疑...

[simon_tw]

IE對css3的支援還是很差，就如html5，到IE9也是部分支援，
以後真的是html5+css3，再配上jQuery，那網頁前端設計師真的很輕鬆許多，
目前唯一敗筆在設計師還要考慮眾多的IE使用者，因為連客戶自己都還在用IE6，這怎麼進步呢？


補上一個css3做出來的亮面效果：
http://attasi.com/labs/ipad/

[fuyauwei]

phone圖案有點瑕疵

[ddjohn]

我覺得這個還能跑map和記事、多工、結束程式...等更帥： http://alexw.me/ipad2/