9 款賞心悅目的 HTML5 CSS3 特效

2022-09-15 12:39:15 字數 1710 閱讀 2107

1、html5 webgl實驗,超酷的html5 canvas波浪牆

這是一款html5 canvas實驗專案,也是波浪特效,只是這不是真正的水波,而是利用柱體高度的變化實現的波浪牆效果。

2、html5重力感應動畫特效,衝撞小球演示

頁面上會掉落大小不等的小球,我們可以拖動小球,也可以點選頁面空白來生產更多的小球,如果你的電腦配置高,可以試試產生更多的小球來玩,非常有趣。

3、html5 canvas圖表應用rgraph,圖表功能非常強大

一款功能強大的html5 canvas圖表應用,這款html5圖表有多種型別,直線圖,柱狀圖,餅狀圖,甚至還有混合圖,圖表配置也十分簡單,功能卻非常強大。

4、**css3按鈕組合,5組可愛css3按鈕

一款可愛的css3按鈕組合,該css3按鈕一共有5種不同的風格,有幾款還有3d立體的效果。一起來欣賞這些可愛的css3按鈕吧。

5、css3層疊展開特效,可展開扇形效果

這款css3特效沒有那麼絢麗,它的功能非常簡單,當你把滑鼠移到上時,多張便會由原先的疊在一起變成展開狀態,展開過程中伴隨css3動畫,展開的形狀是扇形。這款簡單的css3層疊展開動畫可以應用在展示和分享上。

6、html5 canvas餅狀圖表,html5&jquery圖表應用

一款基於html5 canvas的餅狀圖圖表應用,滑鼠點選餅狀圖的某塊區域時,即可高亮突出顯示該區域。由於該餅狀圖是基於html5開發的,所以需要支援html5的瀏覽器才能夠使用。

7、css3 loading進度條載入動畫特效,3款絢麗風格

一款炫酷的css3進度條載入動畫特效,該動畫特效有3個不同的風格,注意,ie6/7/8是不支援該進度條動畫的。

8、純css3進度條,華麗5色進度條示例

這是一款利用純css3實現的進度條,它的實現非常簡單,沒有複雜的動畫,該css3進度條最大的特點是擁有非常漂亮的5種顏色,整個進度條看上去非常專業。

9、css3聯絡表單,清新外觀帶美化select表單

這款css3表單比較清新簡單,表單整體看上去很乾淨,特別的是,該css3聯絡表單有乙個自定義的美化select表單,表單項在被啟用的時候邊框顏色會改變。

9款賞心悅目的HTML5 CSS3應用特效

經過幾天的收集,在html5tricks 上又增加了不少html5的教程和應用,今天我把幾款賞心悅目的html5 css3應用特效總結了一下,一共9款html5特效,分享給大家。在html5特效中,和水波相關的我們已經分享過兩款 html5 webgl水面水波盪漾特效 html5水波盪漾動畫特效。這...

分享10款激發靈感的最新HTML5 CSS3應用

1 html5 css3實現ios path選單 選單動畫很酷 path選單相信大家都不陌生吧,它在ios中非常流行,今天我們要分享的選單就是利用html5和css3技術來模擬實現這款ios path選單,點選按鈕,即可彈出子選單,子選單彈出的動畫非常炫酷。點選子選單,即可開啟相應功能。3 html...

9款超絢麗的HTML5 CSS3應用和動畫特效

html5 現在已經不是很前衛的東西了,越來越多的 和移動應用都在不斷地嘗試使用html5來更好地優化使用者體驗。今天我們要分享9款超絢麗的html5 css3應用和動畫特效,這裡面有選單 按鈕 loading載入動畫等,一定會有你需要的。這次我們要來分享一款很特別的 css3選單 選單的外觀是飄帶...