學習使用 CSS3 制作網站面包屑導航效果
作為最重要的導航展示形式之一，面包屑導航能夠讓用戶更清楚的知道他們所在頁面的層次結構，讓他們可以方便的導航到上一層頁面。在本教程中，您將學習如何使用 CSS3 技術創建自己的面包屑導航效果。 效果演示 插件下載 詳細教程 HTML示例代碼 ...
原文：swiper 、css3制作移動端網站，折疊導航
swiper css 制作移動端網站，折疊導航 前幾天公司要更新改版移動端的官網，由於網站本身沒有多少內容，所以設計師就做成了整屏滑動的樣子，起初我並沒有看設計稿就一口答應了，拿到手后發現了幾個問題讓我不知道選用fullpage還是選擇swiper來寫這個項目。下圖就是這個項目完成的效果。 問題 ：整屏滑動兩個插件都可以用，但是移動端用swiper偏多的 問題 ：網站的導航要隨着頁面更新跳轉 這里 ...
2017-06-26 10:43 0 1501 推薦指數：
相關推薦
移動端純CSS3制作圓形進度條所遇到的問題
近日在開發的頁面中，需要制作一個動態的圓形進度條，首先想到的是利用兩個矩形，寬等於直徑的一半，高等於直徑，兩個矩形利用浮動貼在一起，設置overflow：hidden屬性，作為盒子，內部有一個與其寬高相等的子盒子，左側的子盒子左上角和左下角以及右側子盒子的右上角和右下角利用 ...
在移動端如何用swiper實現導航欄效果
我們在寫移動端的時候會有滑動和點擊導航后滑動到目標頁面功能；而這個功能如果自己寫的話會很麻煩，所以我在這推薦一下swiper這個插件。 其實swiper中的官網中也有這種功能的實現，但是我認為是有點麻煩的。而我在網上也沒找到。所以我通過查找和研究弄出了這種方法（也可能有人這么用了 ...
純CSS實現移動端滾動導航效果
在手機web app開發中會涉及到水平導航，代碼如下： .nav_dh{box-sizing: border-box;width: 100%;overflow-y: auto;height:2.5rem;line-height:2.5rem;background-color ...
移動端 常見布局CSS3的細節
結合 Framework7 和ios UI系統，微信weUI，支付寶H5 我們在移動端一些css用法 細節的有了更深的了解； 高斯模糊的顯示效果，ios8以上支持，ios8以上0.5px，backdrop-filter: blur(10px)等新的屬性被支持； 適當利用偽 ...
css3 去掉點擊高光(移動端)
在我們用手機瀏覽網頁時，當點擊某個鏈接或者點擊事件時 會出現一層藍色半透明的高光顯示， 但在開發webapp時，由於網頁是被native load去的，在app里面點擊的時候如果出現高光則顯得很不和諧 css3 的-webkit-tap-highlight-color: rgba ...
使用CSS3制作導航條和毛玻璃效果
導航條對於每一個Web前端攻城獅來說並不陌生，但是毛玻璃可能會相對陌生一些。簡單的說，毛玻璃其實就是讓圖片或者背景使用相應的方法進行模糊處理。這種效果對用戶來說是十分具有視覺沖擊力的。 本次分享的主題：通過CSS3來制作類似下面的導航條和毛玻璃效果。 導航條是梯形形狀的。 背景 ...
使用 jQuery 和 CSS3 制作滑動導航菜單
網站開發中很有用的 jQuery 效果【附源碼】 分享35個讓人驚訝的 CSS3 動畫效果演 ...