卡卡網(wǎng)

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

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

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

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

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

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

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

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

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

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

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

本文將通過(guò)一個(gè)簡(jiǎn)單的實(shí)例，來(lái)解釋color-stop()的含義及其用法。

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

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

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

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

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

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

這篇文章主要是通過(guò)簡(jiǎ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)形文字效果。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS能夠制作各種形狀，本文收集了44個(gè)常見(jiàn)的CSS3形狀圖形。