[JS]コンテンツの区切り線を水面に見立てて、ぽちゃんたぷんっと波立たせる癒やし系スクリプト -Raindrops.js

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

coliss.com

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

コメント

6

記事へのコメント6件

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

hedeyoshi 円形とかsvgに作用できないかなこれ。おっぱいの揺れとかそういうのを俺は望んでいるんだ。

2015/07/13 リンク

t_furu かわいい

2015/07/17 リンク

nors http://daniellaharel.com/raindrops/

2015/07/14 リンク

tac_miyshi 激しく揺らすのは煩い気がするけど、あれ？なんか動いた？！ッてくらいに遣うのは面白いかも。

2015/07/14 リンク

yukimurasama かわいい。つかう。

2015/07/14 リンク

hedeyoshi 円形とかsvgに作用できないかなこれ。おっぱいの揺れとかそういうのを俺は望んでいるんだ。

2015/07/13 リンク

s99e209 簡単に実装できそうなので使ってみたい。

2015/07/13 リンク

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

[JS]コンテンツの区切り線を水面に見立てて、ぽちゃんたぷんっと波立たせる癒やし系スクリプト -Raindrops.js

コンテンツの区切りなどの線を水面に見立てて、滴を落としたように波立たせる素敵なアニメーションを簡... コンテンツの区切りなどの線を水面に見立てて、滴を落としたように波立たせる素敵なアニメーションを簡単に実装できるスクリプトを紹介します。 ↓区切り線がぽちゃんたぷんっと波立ちます。 Raindrop.js ヘッダやフッタあたりに少し適用するのはいい感じですね。 Raindrops.jsの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="js/jquery-1.9.1.min.js"></script> <script src="js/raindrops.js"></script> </body> Step 2: HTML 水面のアニメーションを適用する要素を用意します。 <div id="example1"></div> Step 3: JavaScript 適用する要素

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

fukukitaru29802015/12/06
mikuso2015/09/10
chomoranma92015/08/02
kenjikana2015/07/19
t_furu2015/07/17
tetsugrande2015/07/16
masamizo2015/07/16
fugashi2015/07/15
kyo_ago2015/07/14
shirotorabyakko2015/07/14
nors2015/07/14
tac_miyshi2015/07/14
taka119752015/07/14
hayasi-n2015/07/14
yucacomida2015/07/14
highpress2015/07/14
ai55ai2015/07/14
takexi2015/07/14

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx