マウスにあわせて画像が3D的に追従するサイトを簡単に作れるjQuery jParallaxプラグイン
jParallaxの紹介とデモ jParallaxプラグインは、マウスに合わせて奥行き感のある3Dのような動きを実現できる、パララックス系のプラグインです。簡単なコードだけで、インタラクティブなエフェクトがかけられるので、JavaScriptが得意でない方でも設置できると思います。 とりあえず、どんなものか下のようなデモを作ってみましたので、見てみてください。 デモを見る 仕組み 下のような感じで、画像を重ねマウス量に応じてそれぞれ、スライドさせています。 jParallaxを使えば、画像を重ねたりマウスに応じて画像をスライドといったことをすべてやってくれます。 使い方 基本的な使い方は、とても簡単で、パララックスさせる複数枚の画像をDIVタグで囲み、 そのDIVタグに対して、jparallax() を呼び出すだけです。 <!DOCTYPE html> <html lang="ja"> <
width、height 何て読む!? 今さら聞けない読みにくいCSSプロパティー名の読み方のまとめ
新人デザイナーが最初にぶち当たる試練に、英語があったりします。 自分だけが知らないのかと思って、先輩聞けずなんとなくごまかしているうちに・・・いまさら聞けないし・・・みたいになっていませんか？。そこで今回の記事では、CSSプロパティー関連の英語で読みにくいものをピックアップしてみました。 発音をチェックできるリンクも付けてますので、実際に耳で聞いてチェックしてみてください。 1. text-align アラインです。g は発音しません。 私は昔「アリジン」と読んでいました。蟻人みたいですね。 2. margin こちらは g を発音して、マージンです。 3. width これは難しい！。d の音がほどんど聞こえないし、ネイティブでも発音が揺れるので、一概には言えないのですが、ウィドゥス、ウィトス、ウィズなどと読みます。 ただし、with と区別するために、ワイズと読んだりもします。 4.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
