摘要： 日期：2011/11/03 來源：tympanus 編譯：GBin1.comCSS3的功能非常強(qiáng)大，這個(gè)毋庸置疑。在這篇教程中我們將使用一些獨(dú)特的方式來實(shí)現(xiàn)一些特效。我們使用CSS3的transition屬性來創(chuàng)建圖片縮略圖的懸浮效果。當(dāng)鼠標(biāo)懸浮在縮略圖上，我們將顯示一些圖片說明，沒一個(gè)演示中我們使用一種獨(dú)特的方式。在線演示 在線下載友情提示：因?yàn)槭褂肅SS3，所以大家請使用支持CSS3的現(xiàn)代瀏覽器比如，Safari來查看演示，否則，你看到的所有的演示的行為都一樣。原文來自： 2011年最新使用CSS3實(shí)現(xiàn)各種獨(dú)特懸浮效果的教程 閱讀全文

摘要： 介紹視差滾動(dòng)特效(parallax scrolling)是web開發(fā)目前比較火的一個(gè)小技巧，我們需要特別感謝Nike Better World帶給我們的這個(gè)超酷的設(shè)計(jì)。 它帶給web設(shè)計(jì)和開發(fā)很大的反響。幾乎每個(gè)人都在討論。我對(duì)于這個(gè)創(chuàng)新的特效也非常的欣賞。這個(gè)技巧綜合了大圖片，滾動(dòng)，數(shù)字計(jì)算等技巧，為了能夠精確的計(jì)算合適的位置和時(shí)機(jī)來展示這種視差效果。當(dāng)然這個(gè)特效的使用也需要權(quán)衡， 在研究這個(gè)特效的過程中，我也看到了很多失敗的案例。整體的性能即使在最新的瀏覽器和主機(jī)上的運(yùn)行也非常拖沓。其次，設(shè)計(jì)上的關(guān)聯(lián)有時(shí)候也需要非常嚴(yán)密的計(jì)劃，有些實(shí)現(xiàn)讓我們覺得非常困惑，甚至讓你有些惡心。Via Gbin 閱讀全文