CSS3グラデーション・角丸のジェネレーターをjQuery/CSS3/HTML5で作成するチュートリアル

jQuery, CSS3, HTML5を使用して、CSS3グラデーション・角丸を生成するCSS3ジェネレーターを作成するチュートリアルを紹介します。

デモのキャプチャ

Creating a CSS3 Generator with CSS3, HTML5 and jQuery
デモページ
※デモはWebkit系ブラウザ(Chrome, Safari)で動作します。

[ad#ad-2]

上記デモでは、CSS3グラデショーン(上のキャプチャ)、角丸(下のキャプチャ)のCSS3をブラウザで表示確認しながらコードを生成できます。

デモのキャプチャ

チュートリアルでは、HTML5のDOCTYPEの解説から、各要素へのスタイルシートの適用まで詳しく解説されています。
時間がない方は、とりあえずページ下のファイル一式をダウンロードすると、上記のデモがそのまま楽しめます。

sponsors

top of page

©2018 coliss