Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJa…
デジタル関連コミュニティ
北欧好きが、愛用の北欧モノを見せ合うコミュニティ
Javascript
【Javascript】jQueryプラグインGradientでグラデーション
Javascript関連情報
更新日：2007年12月28日
jQueryプラグインGradientでグラデーション
今回は、画像やcanvas、SVGなどを使わずに、jQueryとHTMLだけで手軽に美しいグラデーションを作れるプラグインGradientです。
サンプル
いくつかのパターンを試してみます。グラデーション方法の指定は、前ページでみたように、toやfromなど引数オブジェクトのプロパティで指定します。$('#test').gradient()
$('#test').gradient(
{ direction : 'vertical' }
)
{ direction : 'vertical' }
)
$('#test').gradient(
{ from:'74FF54',to:'627000',direction : 'horizontal' }
)
{ from:'74FF54',to:'627000',direction : 'horizontal' }
)
$('#test').gradient(
{ from:'74FF54',to:'627000',direction : 'horizontal' }
)
{ from:'74FF54',to:'627000',direction : 'horizontal' }
)
$('#test').gradient(
{ from:'74FF54',to:'627000',direction : 'horizontal' }
)
{ from:'74FF54',to:'627000',direction : 'horizontal' }
)
他にも、いくつかのプロパティがありますので、最新のものはGradientブログや Plugins/Gradientなど でご参照ください。
住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイド の川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！ さぁ、いますぐチェック！
人気Javascriptランキング
Powered by 価格.com
メルマガ登録
【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。
おすすめ厳選サイト
季節特集
専門家を探せる、相談できる。
All About モバイル
Copyright(c) All About, Inc. All rights reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます