基於 jQuery 實現的精致作品集圖片導航效果
今天，我們要用 jQuery 來創建一個作品集圖像的導航模板。我們的想法是，以分組的方式顯示一組作品集，並通過二維的方式（水平/垂直）來瀏覽。任一箭頭或當前圖像下方的小盒子可以作為導航使用。 在線演示 下載源碼 您可能感興趣的相關文章 ...
原文：使用 jQuery & CSS3 實現翻轉的作品集滑塊
作為 Web 開發人員，我想你一定見過各種各樣的圖片滑塊效果。展示產品或者個人作品的方法有很多，其中之一是使用網格樣式的滑塊效果。在本教程中，我將分享如何使用jQuery和CSS 變換實現翻轉的作品集滑塊效果。 效果演示 源碼下載 您可能感興趣的相關文章 Web 開發中很實用的 個效果 源碼下載 精心挑選的優秀jQuery Ajax分頁插件和教程 個讓人驚嘆的的創意的 錯誤頁面設計 讓網站動起來 ...
2014-09-28 08:50 0 4431 推薦指數：
相關推薦
使用JS與CSS3的翻轉實現3D翻牌效果
之前我們有討論過使用CSS3如何實現網頁水平翻轉的效果，而這次我們介紹的是翻轉效果更深一層的應用——3D翻牌效果。 這里我們需要使用flip中軸翻轉實現，又因為是3D效果，如果希望呈現一定的3D視角，需要在父級元素上添加類名viewport-flip或者直接添加如下CSS ...
漢文學士作品集
敬告：漢文博士的官方網站已經遷移至 http://hanbox.cnblogs.com ...
CSS3實現翻轉(Flip)效果
https://www.cnblogs.com/cmy1996/p/9129307.html 動畫效果 效果分析 當鼠標滑過包含塊時，元素整體翻轉180度，以實現“正”“反”面的切換。 HTML分析 分析：.container，.flip為了實現動畫效果做准備。.front ...
如何用CSS3來實現卡片的翻轉特效
CSS3實現翻轉(Flip)效果 動畫效果 效果分析 當鼠標滑過包含塊時，元素整體翻轉180度，以實現“正”“反”面的切換。 HTML分析 分析：.container，.flip為了實現動畫效果做准備 ...
css3實現色子自動翻轉效果
css3使我們能夠跳出2d空間，實現3維空間的動畫效果，這里給出一個自動翻轉的3d色子動畫效果制作過程。 第一步，首先進行HTML的布局，對於3D效果，布局有一定的規律，代碼如下： <body> <div id="outer"> <div id ...
使用jQuery和CSS3創建一個支持翻轉效果的微/輕博客網站列表
在線演示 本地下載 今天我們將使用頁面元素的翻轉效果設計一個微博和輕博網站列表，將使用jQuery的jQuery Flip插件來實現特效。 HTML代碼 這里我們使用socialwrapper來包裝每一個需要展示的網站，如下： 行翻轉的元素social，其中包含 ...
CSS3 水平翻轉
.button_1:hover #button1_img,.button_2:hover #button2_img{ box-shadow: 0 0 10px #9AFE2E; ...