1. html5 3d陰影翻轉動畫 效果很酷
分享一款很酷的html5 3d動畫特效，這款3d特效可以為你的增加陰影的效果，而且可以讓在滑鼠滑過的時候出現3d翻轉的動畫效果。這和html5 3d動畫html5 3d正方體旋轉動畫有著類似的效果，大家也可以看看。
p_w_picpath.png
2. html5 canvas波浪動畫 可調節波浪高度
看過超酷的html5 canvas波浪牆嗎，是的，只要你的瀏覽器支援html5 webgl，就可以**強大的html5波浪效果。今天我們要分享的這款波浪動畫也是基於html5 canvas的，特點是可以控制滑桿來調節波浪的高度。
p_w_picpath.png
3. html5 canvas實現超酷loading動畫
這次我們來看一款非常酷的loading動畫載入效果，和純css3實現齒輪loading載入動畫類似，也是利用幾何的特性來模擬的，它是一些類似旋轉的動畫效果。另外，關於loading動畫，我們也可以看看html5tricks上的loading動畫欄目。
html5-canvas-loading
4. css3/jquery簡易焦點圖 多種切換方式
有很多非常不錯的css3焦點圖外掛程式，我們印象最深刻的要算這款html5/jquery 3d焦點圖外掛程式。今天要再來分享一款簡易的css3焦點圖應用，這款焦點圖應用的切換方式非常豐富，而且焦點圖的切換按鈕比較小，篇幅佔據比較大，因此總體比較大氣。
css3-p_w_picpath-slider-icon
5. html5火焰文字特效
有不少基於html5和css3的文字特效，有3d的文字效果，也有動畫文字特效。今天我們分享的這款html5文字特效是火焰燃燒的效果，比較消耗cpu，但是動畫效果還是比較酷的。另外，再推薦一款html5文字特效：html5畫素文字**重組動畫特效
html5-css3-fire-text
6. html5切換焦點圖應用 3d投影效果
利用html5和css3技術製作乙個焦點圖特效非常簡單，但是如果我們要讓這款焦點圖足夠的精緻，那就要花上比較大的力氣。今天要分享的這款html5 3d焦點圖切換應用就非常酷，下方有一道投影，使得焦點圖有立體的視覺效果。另外，切換的方式也有多種，每種切換方式都有不同的3d立體效果。
html5-slicebox-p_w_picpath
前端酷炫效果參考 純CSS3實現的一些酷炫效果
之前在網上看到一些用純css3實現的酷炫效果，以為實現起來比較困難，於是想看看具體是怎麼實現的。一 笑臉貓動畫 實現效果如下 這個實現起來確實比較麻煩，很多地方需要花時間，有耐心地調整。1.先看下頁面結構 2.再看css部分 1.先看臉部face face top 100px left 50 top...
滑鼠跟隨炫酷效果
canvas畫布上監聽滑鼠移動事件並畫圖，隨機小球顏色，隨機小球運動方向，當小球透明度到一定程度，清除小球 js var canvas document.getelementbyid demo var ctx canvas.getcontext 2d var starlist function si...
炫酷彈窗效果製作
昨天在家看電視時，退出的時候發現了乙個彈窗效果，整個背景模糊，覺得這樣的效果好炫，要比純色加透明度高大上好多，連續試了幾個介面，最終確定效果由css實現的，於是今天一大早來到公司便趕緊搜尋了一下，雖然相容性奇差，但是乙個css屬性就可以搞定。瞬間感覺自己知道的真是太少了 首先回憶一下彈窗的實現，一般...