javascript~ふわふわと浮かぶ雲。8/20追記あり


公開日:2013年08月18日 日曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , | 閲覧数:672 | 2 comments

ちょっと前から、
なんとなーくやってみたいことのひとつに
「背景に雲を配置してふわふわと動かしてみたい」というのがあった。

時間ができたらやってみようと思いながら
延ばし延ばしにしてたけど。

思いついて、さっそく検索。
「ふわふわ javascript」
検索結果の一番上に出てきたエントリー。
そのままズバリ!「ふわふわしてるコンテンツ | かえラボBlog

とっても簡単だったので嬉しくなってご紹介。
デモページ:wiggle←このかわいさにヤラレタ!

ふわふわ

 

まんま引用しちゃった(= ̄∇ ̄=) ニィ

最初、↑をhead内に書いたけど動かず。
なので、動かしたい要素の直下に書いた。

duration:500,ってとこが動かすスピードで大きいほどゆっくりになる。

duration

アニメーションの動作期間を指定します。”slow”、”normal”、”fast”、もしくは完了までの時間をミリ秒単位で指定します。例えば”1500”であれば、1.5秒かけてアニメーションが行われます。
初期値は”normal”です。

“#sample”ってところが、動かす要素。
動かしたい要素(コンテンツ)にIDを付けて指定します。

後はhead内に

スタイルシートで適宜調整をされよ!

こんな素晴らしいエントリ-をありがとう♪
かえラボBlogさま!

 

追記

2013/8/20FancyBoxが動かなくなってたので一時停止&解決策模索中。

 よりも前に

 を挿入したらOKでした。

 

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:2013年08月18日 日曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , | 閲覧数:672 | 2 comments

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

Comments (2)

  1. この雲のゆれる感じが

    いいですね~

    可愛い~

Leave a Reply

Required fields are marked *


CAPTCHA