原创 基於Html5的愛情主題網站–表白神器
介紹 一個基於基於Html5的愛情主題，文字採用打字機效果，逐字打印，並帶有鍵盤敲擊聲音。在chrome,safari,firefox,IE10下都有效，chrome下效果最佳。要注意的是safari下不支持audio標籤屬性沒有聲音效
2018-11-26 09:36:59
原创 用canvas實現圖片濾鏡效果詳解之視頻效果
這是一個很有意思的特效，模擬攝像機拍攝電視屏幕畫面時出現點狀顆粒的效果。顆粒的大小通過變換矩陣實現，可以任意調節，有興趣研究的朋友可以嘗試更多的效果，代碼沒有經過優化，只是一個粗糙的Demo，大家可以自行改進。 1.獲取圖像數據
2018-08-31 02:57:56
原创 純css做的安卓開機動畫
隨着css3的發展，越來越多的負責絢麗的效果可以由純css來完成了。用css3實現的動畫效果絲毫不必js實現的遜色，而且瀏覽器對css渲染的速度遠比js快，大多數時候css的體積也不js小。其中css3中的動畫效果可以實現流暢而強大的
2018-08-31 02:57:54
3
原创 通過javascript把圖片轉化爲字符畫
1.獲取上傳圖片對象數據 Javascript無法直接獲取本地上傳的圖片的數據，html5可以解決這一問題 。html5裏面的FileReader interface可以把圖片對象的數據讀到內存，然後通過接
2018-08-31 02:57:54
原创 用canvas實現圖片濾鏡效果詳解之灰度效果
前面展示了一些canvas實現圖片濾鏡效果的展示，並且給出了相應的算法，下面來介紹一下具體的實現方法。 前面介紹的特效中灰度效果最簡單，就從這裏開始介紹吧。 1.獲取圖像數據 img.src = ’http://blogla
2018-08-31 02:57:52
2
原创 純css寫的仿真圖書翻頁效果
對css3研究越深入，越覺得驚豔。css3說不上是萬能的，但是它能實現的效果也超出了我的想象。它的高效率和動畫效果的流暢性很多情況下能替代js的作用。個人習慣css3能實現的效果就不會用js,雖然在國內貌似沒有css3的用武之地，這一點
2018-08-31 02:57:51
2
原创 純CSS3帶動畫效果導航菜單
隨着互聯網的發展，網頁能表現的東西越來越多。由最開始單純的文字和鏈接構成的網頁，到後來的表格佈局，再到div+css模式，現在發展到了html+css3。網頁能表達的東西越來越多，css3興起已經很多年了，不多由於國內網站要求對IE的
2018-08-31 02:57:50
2
原创 根據中國氣象局提供的API接口實現天氣查詢
中國氣象局提供了三個天氣查詢的API接口： 【1】http://www.weather.com.cn/data/sk/101190101.html 【2】http://www.weather.com.cn/data/cityinfo
2018-08-31 02:57:50
1
原创 如何用css3實現風車效果
前面講過css3可以替代很多js實現的效果，其實很多時候純css3甚至可以替代圖片，直接用css3就可以畫出一些簡單的圖片。雖然css3畫出來的圖片效果可能不如直接用圖片的好，實現起來也比較複雜，最麻煩的是兼容性問題，不如圖片來得直接實
2018-08-31 02:57:50
原创 Ajaxload動態加載動畫生成工具的實現（ajaxload的本地移植）
前言 前段時間看到一個國外的網站，在線生成ajax loading動畫。覺得很實用，於是動起了移植到自己網站的念頭（一直以來的習慣，看到好的工具總想着移植到本地好好研究）。根據以往移植的經驗最終把 這個工具移植到自己網站上了，生成圖片
2018-08-31 02:57:50
1
原创 一些純css3寫的公司logo
隨着對css3瞭解得越深入，越來越發現了css3的強大。css3不但能完成一些基本的特效如圓角陰影等，還能借助動畫技術實現一些複雜的動畫，能替代很多以前js才能完成的工作，css3的作用還不止於此，甚至一些複雜的圖片也能通過
2018-08-31 02:57:50
原创 用canvas實現圖片濾鏡效果
1.灰度效果 圖片過濾效果之灰度效果 算法及原理： .299 * r + .587 * g + .114 * b; 2.油畫效果 算法及原理： 用當前點四周一定範圍內任意一點的顏色來替代當前點顏色，最常
2018-08-31 02:57:50
3
原创 一個基於WebGL的仿真3D水池有逼真的水波紋效果
最近在研究WebGL，看到國外很多高手做的很多超炫的3D效果，無比羨慕。忍不住把效果趴下來研究，下面介紹一個逼真的游泳池中浮動小球的效果。效果非常絢麗，功能強大。示例可切換觀察水池的視角，不同視角考慮到了光線從不同角度折射和反射的影響，
2018-08-31 02:57:50
12
原创 基於Html5的愛情主題網站–表白神器(第二版)
第二版在第一版的基礎上增加了一個動態3D的白雲效果背景，鼠標懸浮在頁面上雲朵會向屏幕Z軸方向運動，在第一人稱視角看來向着雲朵方向前進的，由此形成一個僞3D效果。有點繞，直接看demo就能理解了。3D白雲效果是基於threejs框架做的。
2018-08-31 02:57:50