CSS/JSでここまでできる！美しいアニメーション10選 - ポップインサイト
HTMLやCSS、JSのコードとその実行結果を共有できるサービスのCodePenは、いわばフロントエンドエンジニアの遊び場です。中にはどういったコードで動いているか見当もつかないようなものもあります。 今回はCodePenで公開されているアニメーションの中でも、思わず見入ってしまうような美しいアニメーションを10点ピックアップしてご紹介します。画像の下のCodePen埋め込み部分で「Run Pen」で実際に動かして見て下さい。 [under construction] See the Pen [under construction] by Lucas Bebber (@lbebber) on CodePen. Cloudy Spiral CSS animation See the Pen Cloudy Spiral CSS animation by Hakim El Hattab (@ha
Tanablog: サーバを経由せずに Flash の内容を画像に変換する
Flash で描画したベクター画像を img タグで表示させるデモを作った。肝はサーバプログラムを経由しないところ。 IE 以外のモダンブラウザなら、下の灰色の領域に線を描くと、その下に PNG 画像が現れるはず。 ペイントツール部分は、func09 さんのソースをお借りした。 仕組み PNGEncoder で PNG の ByteArray を作る その ByteArray を Base64 エンコードする その文字列を ExternalInterface でブラウザに送る data スキーマで画像を表示させる var bmp:BitmapData = new BitmapData(300, 300); bmp.draw(canvas); var base64Text:String = Base64.encodeByteArray(PNGEncoder.encode(bmp)); Ext
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
