bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptテキストやボックスをレインボーにグラデーションできるjQueryプラグイン「Rainbow.js」JavaScript2014.02.27テキストやボックスをレインボーにグラデーションできるjQueryプラグイン「Rainbow.js」Rainbow.jsというjQueryプラグインを使ってみました。テキストやボックスを手軽にレインボーにグラデーションすることができます。HTMLのタグ内にカラーなどを設定していくことができるのでわかりやすいですね。実際に試してみると、このように簡単にグラデーションのボックスやテキストを作ることができます。使い方はhead内にjQueryとプラグインを読み込みます。src="rainbow.js"></script>あとはHTML側でグラデーションを反映させる要素を作っていくだけです。以下はボックスに適用した例。data-opacity="1"></div>縦横サイズはCSSで設定しておきます。200px;}これだけでボックスを簡単にグラデーションにすることができます。手軽で使いやすいですね。テキストの場合は以下のように設定します。data-color="000-F00">サンプルテキスト</h1>その他にも画像にグラデーションをかけたりなんてこともできるみたいです。複雑なCSSでグラデーションを作るのがめんどくさいと思っている人にはとても便利なプラグインですね。JSは、タイプライターを使って文字入力するような...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。