HTML & CSS ? 【JS 特效】驚艷的圖像切換動(dòng)畫(huà)效果

【JS 特效】驚艷的圖像切換動(dòng)畫(huà)效果

發(fā)表于: HTML & CSS. 評論 (7)
Sponsor

這是最近來(lái)自 Codepen 一個(gè)熱門(mén)的 JS 特效 – THREE Image Transition,該功能主要用來(lái)對圖像進(jìn)行切換,你可以想像成幻燈片,但令人驚訝的是這個(gè)切換效果,非常耀眼,超吸引眼球。

img-transition

看這效果是十分適合用在全屏的圖像展示上,若你是攝影師,建議把你的作品集用這特效來(lái)展示,一定會(huì )很棒哦!

下面是代碼演示:

See the Pen THREE Image Transition by Szenia Zadvornykh (@zadvorsky) on CodePen.

 

如果無(wú)法查看效果,請進(jìn)入以下網(wǎng)址查看。
DEMO: http://codepen.io/zadvorsky/pen/PNXbGo

推薦:查看最受歡迎的 301 個(gè)設計網(wǎng)站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經(jīng)驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關(guān)注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創(chuàng )文章,轉載請聯(lián)系我們授權,否則禁止轉載。

+ 添加評論7 Responses to “【JS 特效】驚艷的圖像切換動(dòng)畫(huà)效果”

  1. closer - 回復

    我想要源碼……

  2. sun - 回復

    炸天??!

  3. King-pfy - 回復

    佩服

  4. 秀芳 - 回復

    設計就是出其不意!

  5. 青春LU不平坦 - 回復

    太猛了

  6. 蒼月 - 回復

    這效果碉堡了。。

  7. 花栗鼠 - 回復

    這個(gè)屌


{ 發(fā)表評論 }