ベタ塗りのページ全体の背景やボタンなどのエレメントなどの背景に、繊細で美しい輝きをもったグラデショーンを与えるjQueryのプラグインを紹介します。 グラデーションの適用 Add Shineの使い方 Add Shineの使い方は、簡単です。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script> <script src="js/addShine.js"></script> Step 2: HTML HTMLはスクリプトを意識することなく、普通に実装します。 <body> <button>ボタン</button> </body> Step 3: CSS ページの背景とボタンは、ベタ塗りにします
このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法を紹介します。グラデーションの処理に関しては、ブラウザごとに若干の違いがあります。このコーナーではブラウザごとの特徴についても触れていきます。 線形グラデーションとは 線形グラデーションとは、開始地点の色から徐々に終了地点の色に直線的に色を変化表示する効果を表します。そのため、開始地点の色と終了地点の色と座標を事前に指定しなければいけません。Canvasの仕様では、開始と終了の2地点だけでなく、その途中の地点にも色を指定することも可能です。いくつもの色を波打つようにグラデーション効果を作ることも可能です。 線形グラデーションを実現するには、2DコンテキストのcreateLinearGradientメソッドと、createLinearGradientメソッドから得られるCanvasGradientオブジェクトのaddCo
Срок регистрации истек Для восстановления работы необходимо продлить домен Войдите в личный кабинет для оплаты
テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」 2011年02月18日- Градиенты для текста. Плагин для jQuery テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」。 １文字づつ文字色をかえてグラデーションをかける昔はやったテクニックですが、これをjQueryプラグインでHTMLは汚さずに色を配列で定義しておくことで実現できます。 実装コードは次のようにすればよくて、指定したエレメントをターゲットに実装出来ます。 colors に変化させたい色を配列で定義します。 <script type="text/javascript"> $(".text").pxgradient({ step: 10, colors: ["#fc0","#0fc","#00f"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
