danhoxのブックマーク - はてなブックマーク

google chrome developer toolでBlocked a frame with originが出た時の対処法 | CreativeTips
danhox 2017/06/22
リンク
リアルな波紋を画像上で作るjquery.ripples.jsの使い方 | CreativeTips
2015年10月18日2016年4月11日jQuery 指定の画像に水面上の波紋のようなエフェクト効果を付けるjqueryプラグインのripples.jsを使ってみました。 google crhome,IE11,firefoxの主要ブラウザの最新バージョンには対応している模様。iphoneは対応していなかったので、恐らくスマートフォンは対応していません。 sirxemic/jquery.ripples · GitHubからファイル一式をダウンロードする。デモはこちら→jQuery WebGL Ripples サンプルページを作ってみました。 jQuery WebGL Ripples コードの記述 jQuery Pluginなので、使用するページにjQueryとripples.jsを読み込ませます。 <script src="//ajax.google apis.com/ajax/libs/
danhox 2016/07/08
マウスに合わせて水面を演出

WebGL

エフェクト
リンク
1

はてなブックマーク