SVGのキャラクターを parallax.js で動かしてみる｜ Tips Note by TAM

テクノロジーカテゴリーの変更を依頼記事元:

www.tam-tam.co.jp

8users がブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

maritimecolor すごい。

svg

2017/04/28 リンク

k_ume75 かわいい〜

2017/04/27 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

SVGのキャラクターを parallax.js で動かしてみる｜ Tips Note by TAM

先日弊社TAMサイトをリニューアルしましたが、ご覧いただけましたでしょうか？サイトリニューアルにあ... 先日弊社TAMサイトをリニューアルしましたが、ご覧いただけましたでしょうか？サイトリニューアルにあたり404ページでTAMくんの顔をマウスの動きに合わせて動かすというものを作ったので、今回はそれを紹介したいと思います。デモを見る Parallax.js 使用したのはjQueryプラグインでもある「parallax.js」。パララックスというと少し古い感じもしますが、これはカーソルを動かす（スマホだと傾ける）ことで要素に奥行き感を出すことができるので、ちょっとしたアクセントとして使うのもオススメです。公式サイト http://matthew.wagerfield.com/parallax/ github https://github.com/wagerfield/parallax/ 実装キャラクターをSVGで用意し、ソースを見て動かしたいパーツの位置（今回は目、鼻、口）を確認します

ブックマークしたユーザー

sky_20072024/12/22
fujis_a2017/05/11
dhrname2017/04/28
rikuo2017/04/28
maritimecolor2017/04/28
k_ume752017/04/27

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx