卡卡網(wǎng)

本文介紹一款CSS實(shí)現(xiàn)的水波背景動畫。

這款移動網(wǎng)頁導(dǎo)航菜單因?yàn)樽龅煤芫潞每?，所以我看到后就迫不待及地收藏并分享出來了?/p>

今天介紹一款非常受歡迎的CSS3水平導(dǎo)航菜單，此導(dǎo)航包含二級菜單，具有鼠標(biāo)懸停時(shí)顯示的過渡動畫效果，看起來令人舒服。

本文將給大家介紹一款簡易的CSS3側(cè)欄滑動導(dǎo)航菜單，代碼少，無需用到任何JS或CSS插件。

本文介紹一款漂亮的CSS3藍(lán)色垂直導(dǎo)航菜單。

本文介紹一款含二級菜單的CSS3響應(yīng)式水平導(dǎo)航菜單，跟前面提到的二級菜單不同，該二級菜單是水平方向排列的。

本文將介紹一款含二級菜單的CSS3響應(yīng)式水平導(dǎo)航菜單。

本文介紹一款常見的簡單大方的CSS3下拉導(dǎo)航菜單，代碼量少，制作簡單，適合各種風(fēng)格的網(wǎng)頁使用。

本文介紹一個CSS3實(shí)現(xiàn)的按鈕鼠標(biāo)懸停效果，這個效果主要體現(xiàn)在按鈕文字的過渡動畫上。

今天給大家介紹一個文字/div陰影調(diào)色板生成器，通過拖動標(biāo)桿就能可視化調(diào)整陰影效果，可視即可得，可大大提高工作效率。

CSS我們可以用標(biāo)簽、id、類來定義，然而，當(dāng)某一個元素同時(shí)擁有這三個CSS定義時(shí)，瀏覽器渲染時(shí)該選擇哪一個呢？

本文將通過一個簡單的實(shí)例，來解釋color-stop()的含義及其用法。

在本文中，將通過4個實(shí)例，演示如何美化表單input輸入框的CSS樣式。

本文介紹4款純CSS實(shí)現(xiàn)的3D按鈕點(diǎn)擊過渡效果，HTML4款3D按鈕實(shí)例不同的過渡效果完全由不同的CSS來實(shí)現(xiàn)。

傳統(tǒng)的灰色純色邊框你是不是覺得太難看了？本文將介紹如何用純CSS就能實(shí)現(xiàn)具有漸變和圓角的彩色邊框。

本文給大家介紹10款純CSS實(shí)現(xiàn)的tabs選項(xiàng)卡，它們均無用到第三方插件，也沒需要用到j(luò)query庫文件，因此遷移非常方便，把代碼拷貝過去就能用，值得推薦使用。

本文介紹如何使用畫圓，并且文字寫在圓中間，主要用到SVG技術(shù)。

網(wǎng)頁或UI設(shè)計(jì)時(shí)，有時(shí)需要把文字豎向排布，這個要怎么實(shí)現(xiàn)呢？其實(shí)很簡單，CSS很少的代碼就能實(shí)現(xiàn)。

這篇文章主要是通過簡單的實(shí)例，介紹如何使用CSS+SVG實(shí)現(xiàn)環(huán)形或圓環(huán)文字效果。

用純CSS實(shí)現(xiàn)環(huán)形文字效果，相比用CSS實(shí)現(xiàn)其他文字效果要復(fù)雜一些，本文介紹如何用純CSS實(shí)現(xiàn)環(huán)形文字效果。

一些我們慣常用圖片制作出來的效果，也許用CSS3幾行代碼就能實(shí)現(xiàn)，正如本文介紹的，使用css就能輕松實(shí)現(xiàn)文字投影/描邊/浮雕/剪紙/發(fā)光等效果。

表單的標(biāo)簽在輸入框里，當(dāng)點(diǎn)擊輸入框時(shí)，標(biāo)簽浮動到輸入框的上方。本文介紹如何使用純CSS來實(shí)現(xiàn)這個效果。

前面介紹過《使用CSS創(chuàng)建的霓虹燈效果/發(fā)光效果文本》，今天再介紹如何使用純CSS實(shí)現(xiàn)文字漸變和文字掃光動畫效果。

網(wǎng)頁彈窗功能很常見，但一般是使用Javascript或jQuery來實(shí)現(xiàn)，而本文要介紹的是，使用純CSS也能實(shí)現(xiàn)彈窗功能，不用JS。

前面文章介紹過《CSS實(shí)現(xiàn)：固定Table表頭和第一列》，今天介紹一下，如何用CSS實(shí)現(xiàn)：固定Table表頭和表腳。

與 JS 制作 Charts 圖相比，使用純 CSS 制作 Charts 圖，不需要渲染，所以性能得到了提升。本文就介紹利用一個CSS框架，制作各種Charts圖的方法。

本文介紹如何使用CSS實(shí)現(xiàn)文字顏色漸變效果。

CSS 中的cursor屬性控制鼠標(biāo)光標(biāo)位于設(shè)置此屬性的元素上時(shí)的外觀。它們主要用于用戶體驗(yàn)，以傳達(dá)某些功能的想法。本文介紹CSS的32個鼠標(biāo)形狀cursor屬性。 

CSS有很多長度單位，但不是任何一個單位都適合用于任何設(shè)計(jì)上。本文將介紹CSS的15個長度單位使用區(qū)別。

在 CSS 中，可以使用各種度量單位指定元素的大小或長度，如PX、EM、REM、%、VW 和 VH等，不過也許你還不十分了解，這些單位之間有什么區(qū)別？什么情況下該用什么單位？

本文介紹如何用CSS讓內(nèi)容(如div/table/圖片等)顯示在網(wǎng)頁body中間。

當(dāng)表格內(nèi)容太多的時(shí)候，固定表頭不讓標(biāo)題滾出屏幕外，是一個很人性化的設(shè)計(jì)；而當(dāng)橫向項(xiàng)目內(nèi)容太多時(shí)，固定第一列（項(xiàng)目列）也是一個很貼心的設(shè)計(jì)。本文介紹如何用CSS實(shí)現(xiàn)固定Table表頭和第一列。

CSS有很多深層的東西，我們大多數(shù)人沒有研究開，本文將給大家介紹如何用CSS創(chuàng)建面積chart圖，這一功能的實(shí)現(xiàn)讓我感覺到CSS的功能實(shí)在太強(qiáng)大了。

霓虹燈文本可以為網(wǎng)站添加美感，本文介紹如何使用CSS創(chuàng)建霓虹燈效果的文本，在本文中，我們將看看如何為文本添加發(fā)光效果。

本文介紹一款CSS超平滑陰影，實(shí)現(xiàn)起來非常簡單，但效果好看，實(shí)用性很強(qiáng)。

本文用動畫的形式一步一步給你呈現(xiàn)CSS實(shí)心三角形是怎樣制作出來的。

我之前介紹過44個CSS3制作的形狀圖形(shape)，本文將給大家介紹512個CSS圖標(biāo)形狀(icon shape)，無需用到第三方文件，遷移使用起來相當(dāng)方便。

前面介紹過一個側(cè)邊/左側(cè)目錄導(dǎo)航隨內(nèi)容滾動而變化，今天再介紹一個。

今天給大家分享一個側(cè)邊目錄導(dǎo)航，它能隨內(nèi)容滾動而變化。

我們經(jīng)常看到這樣的網(wǎng)頁內(nèi)容排版：圖片被固定在某一個區(qū)域(div)內(nèi)，然后文字環(huán)繞著它。這要用到什么技術(shù)呢？Javascript？其實(shí)，只用純CSS就能實(shí)現(xiàn)，并且代碼超級簡單。

對于輸入框的字符，如果要求只能輸入小寫或大寫，怎么處理？js實(shí)現(xiàn)？提交到后臺程序轉(zhuǎn)換？其實(shí)很簡單，CSS就有這個功能，一條語句就搞定。

單選按鈕radio是表單常見的元素，但是默認(rèn)的單選按鈕radio樣式呆板不好看，因此通常設(shè)計(jì)人員會自己設(shè)計(jì)一個單選按鈕radio，本文介紹用純css3實(shí)現(xiàn)漂亮的單選按鈕radio。

登錄表單與注冊表單的設(shè)計(jì)可以分開不同的頁面，也可以在同頁面里平滑切換，現(xiàn)在更多人傾向同頁面里平滑切換這種設(shè)計(jì)，本文將介紹使用CSS3+jQuery的實(shí)現(xiàn)方法。

用戶登錄框是一個非常常見的UI界面，無論是移動端還是PC端。不少人使用了圖片以設(shè)計(jì)出漂亮的UI視覺效果，不過其實(shí)用純CSS3代碼也可以設(shè)計(jì)出簡約大方而又漂亮的用戶登錄框UI布局出來。本文給大家介紹一下實(shí)現(xiàn)代碼。

今天給大家介紹如何用CSS3實(shí)現(xiàn)顏色漸變的按鈕，并且在鼠標(biāo)劃過時(shí)變色，這按鈕再UI設(shè)計(jì)中非常常用。

本文介紹的是純CSS實(shí)現(xiàn)的對話框（對話氣泡/語音泡沫/speech bubbles），所有示例都使用簡單的語義HTML，沒有空元素，沒有不必要的額外元素，沒有JavaScript，沒有圖像。

本文將介紹css ribbons如何實(shí)現(xiàn)漸變色帶的樣式。CSS-Ribbons 漸變色帶樣式本文介紹的色帶有兩種，分別是從左到右漸變，和從右到左漸變。

一些網(wǎng)頁的標(biāo)題或菜單呈帶狀樣式，本文將給大家介紹一個css-ribbons實(shí)例，適合用于標(biāo)題樣式。

在這篇新文章中，您將學(xué)習(xí)如何使用HTML placeholder屬性創(chuàng)建一個精美的CSS3搜索框。

CSS能夠制作各種形狀，本文收集了44個常見的CSS3形狀圖形。