投稿者 tel | 2011年10月7日

JavaScriptでグラデーションの設定

CSS3のグラデーションをJavaScriptから設定する。

function gradient(e, start, stop) {
	var vendor = ['', '-moz-', '-webkit-', '-o-', '-ms-'];
		grad = 'linear-gradient(left,' + start + ',' + stop + ')';
	for(var i = 0, n = vendor.length; i < n; i++) {
		e.css('background', vendor[i] + grad);
	}
}

jQueryを使用している。FirefoxとGoogle Chromeで動作確認。IE9はCSSのグラデーション対応していないので動かない。


コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

カテゴリー

%d人のブロガーが「いいね」をつけました。