CSS 3D云

這是一個demo應(yīng)用程序，你可以生成一個與現(xiàn)實生活一模一樣的云，并可以對其進(jìn)行調(diào)整。這個demo的代碼比較復(fù)雜，它運用了CSS3 3D變換和部分JavaScript技術(shù)。

純CSS Logo

這里收集了由純粹的CSS制作的幾個大公司的Logo。這樣的演示最棒的地方在于你可以了解到這些圖像是如何正確的拼湊在一起的。

模糊菜單

這是一個設(shè)計優(yōu)美制作精良的CSS demo程序。你可以找到七種不同的實例，它們都利用了最新的CSS3轉(zhuǎn)換特性，使選擇器呈現(xiàn)不同的光滑和模糊效果。

滑動圖像面板

這是一個非常值得觀看的教程，它沒有使用JavaScript，而細(xì)節(jié)卻處理得盡善盡美。它的演示程序包含四種不同的變化，而教程的學(xué)習(xí)則非常簡單。

模糊濾鏡

這是利用CSS各種優(yōu)秀特性如過濾、轉(zhuǎn)換、3D變換等的又一個演示程序。像這樣的精彩設(shè)計，可以讓你通過添加圖層的方式來實現(xiàn)任何效果。

Jan Kadera的導(dǎo)航欄

這是一個非常時尚的導(dǎo)航欄，它是由65行CSS代碼組成，在同種類型中它絕對是最好的。它的特點是將轉(zhuǎn)換和變換特性用于改變影響區(qū)域的深度。

彈性盒指南

這個教程提供了被稱為彈性盒的最新彈性容器的詳盡知識。你可以根據(jù)這個教程的講解輕松地安排頁面的布局。對于改變HTML元素高度、寬度和對齊方式，這的確提供一個很好的幫助。

CSS3動畫導(dǎo)航菜單

這是一個很老的教程，它可以通過插入一些神奇的動畫來協(xié)助創(chuàng)建豐富多彩的導(dǎo)航菜單。它使用的是純粹的CSS，而沒有任何使用Javascript或圖像的欺騙。

CSS過濾效果認(rèn)識

這是一個提供最新CSS過濾器的教程。它的特點是在提供最好例子的同時還提供一些關(guān)于性能問題和瀏覽器支持的有用信息。

時尚CSS3進(jìn)度條

這個教程能夠讓你在不使用任何復(fù)雜腳本的情況下創(chuàng)建簡單的進(jìn)度條。教程利用了CSS3的各種最好的技術(shù)來增加進(jìn)度條的亮度、條紋、光澤和漸變效果。

CSS Shapes 101

通過CSS Shapes 101教程，你可以得到關(guān)于CSS3中關(guān)于形狀的透徹分析，而許多與之相關(guān)實例在創(chuàng)建和實現(xiàn)上是一樣的。

Spinkit插件

這是一個可輕松定制的和使用頻率較高的加載指示器的集合。它的諸多優(yōu)點和對加載指示器的高需求性使它被廣泛地使用。

Animate.css 

這個教程是基于CSS的，它有助于推進(jìn)任何應(yīng)用程序的性能改進(jìn)。在這個教程中，你可以知道所有關(guān)于動畫的東西，這對于了解如何改進(jìn)頁面的性能有很大幫助。

動畫內(nèi)容選項

在這個平臺你可以在包含兄弟容器與偽類的單選按鈕的幫助下實現(xiàn)一些簡單的東西。在web設(shè)計中，動畫內(nèi)容選項是一個非常有用的內(nèi)容選項。

On/Off FlipSwitch

這是有助于對按鈕的切換進(jìn)行定制的最好的應(yīng)用程序，你只需要將CSS代碼直接復(fù)制過來就可以使用它了。它還包含了那些著名的操作系統(tǒng)對開關(guān)切換的操作特性。

本文翻譯自 轉(zhuǎn)載請注明本文轉(zhuǎn)載自慧都控件網(wǎng)