20個神奇的偽Flash網站

發表於2011-07-09

不要以為下面的這些網站是使用Flash做的,它們實際上是使用老式的HTML和CSS構建,也會有少許的JavaScript,同樣也能達到出乎意料的動畫效果。

1. Emilie Crssrd
該網站做了很多設計,從而看起來像Flash,圖片載入動畫更像Flash網站常見的效果一樣 。

2. Stefan Kanchev
圖示的淡入和淡出效果和你的滑鼠經過的路徑形成了完美的互動。

3. Brand Republic
該網站基於CSS元素動態地改變標準邊界,創造一個3D效果,並確保Logo在強烈的背景下脫穎而出。

4. Cooper
在導航中選擇專案,相關內容會滾動到當前視窗中,圖片的平穩過渡,感覺非常像Flash,但它確實是使用標準的Web語言來完成 。

5. Flipboard
支援頁面動態調整,以適應您的瀏覽器(有些限制),你會發現一個標準的Flash效果。

6. Crafty 2010
風格和可用性之間達到一個很好的平衡。

7. 20 Things I Learned About Browsers and the Web

8. NL Engenharia

滑出式導航、全螢幕影像、動態調整大小,該網站擁有Flash網站的所有特點。

9. Ryan C. Jones
該網站有一個美麗的攝影組合,它利用一個簡單而有效的方式來展示攝影作品。

10. Studio Gang Architects
乍一看,創意的介面類似Flash,它顯示出老式的HTML也可以做動畫效果。

11. DIST Creative
憑藉其動畫、裝載圖示和流動介面,這個網站是基於HTML的非常實用的動畫解決方案,擁有好的Flash佈局創造力。

12. Messages for Japan
該動畫形式很好地突出了使用者的互動。

13. Atlason
該網站內容充滿螢幕,視窗式的佈局更易讓人喜歡。

14. Bit Byte Bit
動態的區域。

15. FORM

16. EEHarbor
該網站的速度是其成功的一大原因,你不會覺得動畫內容花哨。

17. Wells Riley
一個非常特別的拉繩動畫效果 。

18. Manchester Design Symposium
具有超潔淨和簡單的介面,擁有固定不變的頭部,頁面下面的部分可以滾動瀏覽。

19. Sophie Hardach
有一些有趣的動畫,如元素的移動、放大、停留,還有底部的波浪效果。

   20. Renato Zero
向下滾動瀏覽,就會出現一個新的頁面。動畫是快速的,彷彿感覺不到載入。

原文:webdesignerdepot
譯文:iteye

 

相關文章