卡卡網(wǎng)

本文將介紹一個圖片自動輪換淡入淡出效果的實例，本實例代碼簡單，創(chuàng)建簡便。

幻燈片/輪播動畫有各種各樣的效果，本文介紹一個百葉窗過渡的效果，喜歡的朋友可以直接下載源碼使用。

Bootstrap 4 Carousel 的幻燈片默認是滑動過渡的，如果你想更改為淡入淡出過渡，那么可以參考下本文介紹的方法。

本文介紹的幻燈片/輪播實例，具有淡入淡出的過渡效果，除了能自動輪播外，還可以手動點擊按鈕向左向右滑動。是一款比較流行的幻燈片/輪播動畫。

本文介紹一個純CSS實現(xiàn)的左右滑動幻燈片，這個基于 CSS 的幻燈片插件具有多種質(zhì)量功能。這些可以幫助導航整個網(wǎng)站的頁面。

本文介紹一個純CSS實現(xiàn)的幻燈片/輪播效果。此幻燈片的設計更側(cè)重于高級動畫。

網(wǎng)絡幻燈片是一系列圖像或文本，在特定時間間隔內(nèi)按順序顯示一個元素。在這篇教程中，你可以按照以下簡單步驟，使用 HTML、CSS 和 JavaScript 創(chuàng)建幻燈片。

在本文中，我將向你展示如何使用 span 標簽使你的內(nèi)容的某個部分與其他部分區(qū)別開來。

本文介紹10個最好的定價表示例，無論你是希望自定義自己的代碼還是僅重用現(xiàn)有代碼以節(jié)省時間和金錢，它們都非常適合用作模板。

我們都知道文件輸入框(File Input)在自定義方面非常有限，本教程將指導你完成構建 jQuery 插件的過程，使用jQuery、CSS3自定義文件輸入框(File Input)。

要將漸變疊加添加到文本元素，我們需要為要設置樣式的文本設置三個不同的 CSS 屬性。

本文給大家介紹16款精美的CSS3動畫按鈕，鼠標移到按鈕上，按鈕有動畫效果。

有的情況，提交表單需要多個步驟來完成，很多人是通過頁面轉(zhuǎn)換來是實現(xiàn)過程設計，其實，我們可以在一個頁面就完成這個功能，正如本文介紹的，jQuery和CSS3實現(xiàn)有進度條的多步注冊表單 。

在表單里加上浮動占位符(Placeholder)，這樣的表單設計越來越多人使用了。本文就給大家介紹一個帶有浮動占位符(Placeholder)和光亮按鈕的登錄表單。

彈出DIV層的設計在網(wǎng)頁交互中常常用到，比如注冊/登錄表單，詳細信息的顯示等等。今天，我將分享一個常見的彈出DIV層的效果，是響應式的模式彈窗設計效果。

今天，我要介紹的是，一個非常漂亮的響應式導航欄設計，這個導航欄做得非常用心，哪怕一個邊角，都是精雕細琢的精致設計。

現(xiàn)在的網(wǎng)頁設計多是響應式的了，而菜單又是網(wǎng)頁里用戶交互最多的最醒目的一部分，因此這個設計往往就更重要。本文介紹一個簡單卻實用的響應式導航設計。

本文介紹幾個常見的鼠標懸停效果。這幾個效果比較相近，主要是當鼠標移到和移出按鈕時，按鈕邊框顏色或陰影的變化效果。

當鼠標移到按鈕上時，按鈕邊框出現(xiàn)過渡動畫效果，這在現(xiàn)在的按鈕交互設計中十分常見。本文將介紹6個CSS按鈕邊框過渡動畫效果。

關閉圖標不用小圖片，只用CSS，就能輕松實現(xiàn)。本文將給大家介紹如何用CSS來實現(xiàn)一個關閉按鈕圖標（X）。

現(xiàn)在的網(wǎng)頁設計中要求彈出窗口時，不再是普通的popup舊式彈窗了，本文將介紹 Bootstrap 3 & AngularJS 模態(tài)對話彈出窗口的設計。

本文介紹一個CSS按鈕，它具有伸縮（鼠標懸停）效果，即是當鼠標放上時，按鈕伸長，當鼠標移開后，按鈕縮短。這個效果在很多網(wǎng)頁上都挺常見的，它多用于“更多”的按鈕設計上。

本文介紹7個按鈕懸停效果，它們是由box-shadow實現(xiàn)的。

本文介紹CSS Wave 波浪效果，這效果在很多產(chǎn)品網(wǎng)頁上使用，它給人的視覺效果確實很好。本實例實現(xiàn)的 Wave 波浪效果，無需用到圖片，僅用了CSS來實現(xiàn)動畫效果。

多數(shù)情況下，我們都不想用input file文件上傳控件的默認樣式，其實，我們可以很輕松的使用很少的代碼，就能改變上傳控件的默認樣式。

文件上傳按鈕默認無樣式，現(xiàn)在應該沒有網(wǎng)頁或UI設計人員會用默認的按鈕了，本文就介紹如何實現(xiàn)上圖的文件上傳按鈕。

默認的下拉菜單樣式有點呆板，使用體驗不是很好，因此，本文給大家介紹一個漂亮的CSS下拉菜單設計。

單選按鈕(radio)在網(wǎng)頁設計中非常常用，本文給大家介紹一個簡單又漂亮的純CSS單選按鈕(radio)樣式。

網(wǎng)頁選項卡或標簽（tabs），是在網(wǎng)頁設計中不可缺少的部分。本文介紹一個用純css實現(xiàn)的有過度效果的滑動選項卡或標簽(slide tabs)。

關于CSS實現(xiàn)的時間線，本文介紹兩個，純CSS實現(xiàn)的響應式垂直時間線。

前面曾介紹過不少有關純CSS實現(xiàn)文字樣式的文章，本文繼續(xù)介紹一個有點酷的彩色漸變描邊文字效果，仍然是用純CSS來實現(xiàn)。

在很多扁平網(wǎng)站上，尤其是那些單頁的HTML5扁平網(wǎng)站，常常見到有飄動的線條色帶（樂普線條畫布），覺得很好看，視覺效果特別好，現(xiàn)在分享給大家。

這個星光動畫背景，看起來挺酷的，在某些網(wǎng)站上可作為一個效果展示。難得的是，這動畫是純CSS3實現(xiàn)的，遷移十分方便，代碼一拷就行。這里給大家分享一下。

本文介紹一個可縮進的側(cè)欄導航菜單，使用純CSS3實現(xiàn)。

本文介紹的HTML5圖片上傳程序，是有裁剪功能的，即是只上傳裁剪的部分，而不是上傳整張圖片。

本文介紹一個很棒的 HTML5 文件上傳表單，帶有進度條和預覽（在客戶端），應用程序不需要 jQuery，全部用純 HTML5 Javascript 制作。

我想你已經(jīng)看過了各種帶有效果的動畫菜單（基于 jQuery 插件），本文介紹如何僅使用 CSS3（沒有任何 javascript）重復相同的行為，在菜單中使用 CSS3 過渡（為元素設置動畫）。

本文介紹如何創(chuàng)建很酷的 CSS3 模態(tài)彈出窗口（或框）。為了實現(xiàn)彈窗這樣的效果，我們可以使用jQuery或Javascript。但是，事實證明，CSS3 也擁有制作模態(tài)窗口所需的所有工具。

本文將介紹CSS3實現(xiàn)的4種3D文字效果。代碼很簡單，效果很震撼。

垂直時間線可以講述你公司的故事及其發(fā)展歷程。你可以使用一點 CSS 就能在自己的網(wǎng)站上創(chuàng)建垂直時間線。本文介紹的是一個可以自適應的垂直時間線。

text-shadow運用好了，也能像photoshop一樣制作出非常好的文字效果，下面我這里羅列出一些比較好看的實例。

在本教程中，我們將創(chuàng)建一個很酷的 CSS3 垂直菜單，帶有漂亮的菜單項圖標，點擊主菜單項將打開子菜單。

svg中的<circle>元素，是用來繪制圓形的，本文介紹<circle>如何設置實線邊框/虛線邊框/無邊框。

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

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

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

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

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

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

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