jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる｜Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法｜Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー｜Webpark とい
ディズニーの絵の描き方がわかる61のPDFが公開されています！ | POP*POP
なんと、ディズニースタジオの「絵の描き方」資料が公開されました。 61項目のポイントが紹介されています。インストラクターのWalt Stanchfieldさんは、クマのプーさんなどを手がけられた人ですよ。 下記に少しご紹介。 ↑ こんな感じで授業用のノートがPDFでダウンロードできます。説明つきなのがうれしいですね。 ↑ 第一回目のレッスン「エッセンスの抽出の仕方」です。 ↑ 物語の作り方まで教えてくれます。 世界で多くのファンを誇るディズニーの絵のエッセンスですから、絵に興味ない方でも、気になるところではないでしょうか。 61項目のタイトルはこんな感じ。「エッセンスの抽出の仕方」「アニメーションのための絵の描き方」「反発力を描く」「内側からの力を描く」「落書きの仕方」などなど、興味をそそるタイトルばかりですね・・・。 Abstracting the Essence Acting (dra
歩き
「歩き」のアニメーションは、大変な割に地味で根気のいる作業。でも、Flashなら簡単にできるものもある。 ムービーを見る この記事へのコメント ●1.ACCELL（2006年05月14日 16:19） 今回作ってるフラッシュに、どうしても腰から下の歩きシーンが必要で、ずっと悩んでいた所でした。 本当に有難うございます。参考に頑張ってみます。 ●2.A.e.Suck（2006年05月17日 20:30） そうですかー。いいタイミングでしたねー。 ●3.かーまた（2006年06月15日 19:59） 凄いですねー。 歩き方一つでも色々なパターンがあることに気づきます。 一応自分ところのサイトでも歩くアニメはあるのですが、全然ダメダメですねw。 ●4.A.e.Suck（2006年06月16日 22:53） 歩きは基本と言われる割に、難しいんですよね。いきなり敷居高っ！って感じです。 でも、あせら
YouTube - David Lynchs "Dumbland"
どの国のコンテンツ (動画とチャンネル) を表示するかを選択してください。サイトの表示言語は変更されません。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
