Roxik is the online showcase of Masayuki Kido, who is a web designer and a interactive director. Hope you will enjoy my works. ロキシックは、ウェブデザイナー / アーティストである 城戸 雅行のオンラインショーケースです。 私の作品から何かを感じ取ってくれたら幸せです。 Works
ROXIK
Roxik is the online showcase of Masayuki Kido, who is a web designer and a interactive director. Hope you will enjoy my works. ロキシックは、ウェブデザイナー / アーティストである 城戸 雅行のオンラインショーケースです。 私の作品から何かを感じ取ってくれたら幸せです。 Works
[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js
zoom.js -GitHub デモページ [ad#ad-2] デモ 実装 デモ デモページではページ上のどのエレメントをクリックしてもズームイン（拡大）します。 グリーンの「Float」をクリックするとこんな感じになります。 デモページ：ズームインしたキャプチャ ズームアウト（縮小）するにはもう一度クリックするか、[ESC]キーを押します。 [ad#ad-2] 実装 「zoom.js」はjQueryなどの他のスクリプトには依存せずに、単体で実装が可能です。 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="js/zoom.js"></script> HTML/CSS HTMLとCSSは通常通りで構いません。 特定のエリアに適用する場合は、そのエリアが指定できるようにidなどを設けます。 JavaScript 特定の要素（例：img）のみ適用する場合は下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
