經過幾天的收集,在html5tricks**上又增加了不少html5的教程和應用,今天我把幾款賞心悅目的html5/css3應用特效總結了一下,一共9款html5特效,分享給大家。
在html5特效中,和水波相關的我們已經分享過兩款:html5 webgl水面水波盪漾特效、html5水波盪漾動畫特效。這又是一款html5 canvas實驗專案,也是波浪特效,只是這不是真正的水波,而是利用柱體高度的變化實現的波浪牆效果。
前面我已經向大家分享過一款非常絢的html5重力感應遊戲特效,我們只需要用滑鼠甩動頁面上的元素就可以實現模擬重力感應的效果。今天這款hml5重力感應動畫特效功能更強,頁面上會掉落大小不等的小球,我們可以拖動小球,也可以點選頁面空白來生產更多的小球,如果你的電腦配置高,可以試試產生更多的小球來玩,非常有趣。
前幾天我向大家分享過一款html5實時資料圖表,可以選擇資料展示的時間段。今天再分享一款功能強大的html5 canvas圖表應用,這款html5圖表有多種型別,直線圖,柱狀圖,餅狀圖,甚至還有混合圖,圖表配置也十分簡單,功能卻非常強大。
之前我分享過一些時尚的css3動畫按鈕,比如css3渲染checkbox實現3d開關切換按鈕、純css3 3d按鈕 按鈕酷似牛奶般剔透等等。今天就再來分享一款可愛的css3按鈕組合,該css3按鈕一共有5種不同的風格,有幾款還有3d立體的效果。一起來欣賞這些可愛的css3按鈕吧。
今天要分享的這款css3特效沒有那麼絢麗,它的功能非常簡單,當你把滑鼠移到上時,多張便會由原先的疊在一起變成展開狀態,展開過程中伴隨css3動畫,展開的形狀是扇形。這款簡單的css3層疊展開動畫可以應用在展示和分享上。
以前我們利用jquery製作過一些圖表應用,使用起來都非常方便。今天再來看一款基於html5 canvas的餅狀圖圖表應用,滑鼠點選餅狀圖的某塊區域時,即可高亮突出顯示該區域。由於該餅狀圖是基於html5開發的,所以需要支援html5的瀏覽器才能夠使用。
前面我向大家分享了幾款非常漂亮的css3進度條外掛程式,css3 svg 進度條 loading 動畫、純css3進度條 華麗5色進度條示例。今天我要分享一款更加炫酷的css3進度條載入動畫特效,該動畫特效有3個不同的風格,注意,ie6,7,8是不支援該進度條動畫的。
這是一款利用純css3實現的進度條,它的實現非常簡單,沒有複雜的動畫,該css3進度條最大的特點是擁有非常漂亮的5種顏色,整個進度條看上去非常專業。這款css3進度條和之前的css3 3d進度條相比顯得更簡單易用。
之前我向大家分享過一款非常絢麗的css3發光表單,的確是很酷,大家可以先看看。今天要分享的這款css3表單就比較清新簡單了。表單整體看上去很乾淨,特別的是,該css3聯絡表單有乙個自定義的美化select表單,表單項在被啟用的時候邊框顏色會改變。
以上就是9款賞心悅目的html5/css3應用特效,歡迎收藏和分享。
9 款賞心悅目的 HTML5 CSS3 特效
1 html5 webgl實驗,超酷的html5 canvas波浪牆 這是一款html5 canvas實驗專案,也是波浪特效,只是這不是真正的水波,而是利用柱體高度的變化實現的波浪牆效果。2 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選單 選單的外觀是飄帶...