Ultimate CSS Gradient Generator from ColorZillabackground: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
Color Inspiration: Blends, Gradients, Steps, Oh My! – Color + Design Blog by COLOURlovers
Blend, Gradient, Steps… whatever you call them, they’re fun to make and to look at. I tried to organize them as best possible, but it honestly is difficult to categorize these things. First we have blends where all the colors are in pretty much the same hue. Then blends to black or gray. Analogous blends are of colors that are near each other on the color wheel and I threw the rest in complementar
Photoshop風インターフェイスで使いやすいCSSグラデーションのジェネレーター
Photoshop風のインターフェイスを備えた、とっても使いやすいCSSグラデーションを作成するオンラインジェネレーターを紹介します。 Ultimate CSS Gradient Generator [ad#ad-2] 生成されるスタイルシートは、moz系（Firefoxなど）、webkit系（Chrome, Safariなど）だけでなく、旧ブラウザやIE用のfilterも生成されます。 生成されたスタイルシートの例 background: #eeeeee; /* old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #5E5E5E 42%, #cccccc 70%, #cccccc 87%); /* firefox */ background: -webkit-gradient(linear, left top
Photoshop Tutorials, Actions, Brushes & Templates
Adobe Photoshop is a powerful application for image editing, graphic creation, web and mobile UI design, and much more. Popular with photographers, graphic artists, and web designers. It’s available for both Mac and Windows. Here you will find collections of tutorials, for graphic artists, web designers, and mobile app designers, covering photo manipulations, photo editing, graphic creation, text
[CSS]CSS3グラデーションの表示サンプルと指定方法のまとめ
現在、Firefox, Safari, Chromeで利用できるCSS3グラデーションの表示サンプルと指定方法のまとめをDynamic Driveから紹介します。 CSS Library:CSS3 Linear Gradients 下記は各ポイントをピックアップしたものです。 CSS3グラデーションの基礎知識 CSS3グラデーションをサポートしているブラウザは現在のところ、下記の三つです。 Firefox 3.6+ Safari 2+ Chrome CSS3グラデーションの対応エレメントは、下記の二つです。 background background-image CSS3グラデーションの指定方法はmoz系（Firefox）とwebkit系（Safari, Chrome）で異なり、下記のようになります。 moz系
[CSS]CSS3を使って、より美しいスタイルを適用するチュートリアル
CSS3の角丸やシャドウ、グラデーションを使用して、より美しくスタイルを適用するチュートリアルをAbduzeedoから紹介します。 Playing with CSS3 demo キャプチャはChrome3 CSS3に対応しているブラウザでは上記のように、角丸やシャドウ、グラデーションのスタイルが適用され、美しいレイアウトが再現されます。 完全に対応していないブラウザでは下記のようになります。 キャプチャはFirefox3.5 チュートリアルでは「box-shadow」のエフェクトから一つずつCSS3のテクニックが紹介されており、全部を使用するだけでなく、部分的に使用したい場合にも参考になると思います。
グラデーションのスウォッチをグリッド状に配置した背景を作成するチュートリアル
Adobe CS4のパッケージにあるような、微妙なグラデーションのスウォッチをグリッド状に配置した背景を作成するIllustratorのチュートリアルをVeerle's blog紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3のグラデーション生成ツール - VIVABlog