Ultimate CSS Gradient Generator from ColorZillabackground: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
面倒なCSS3グラデーションのスタイルシートをグラデーションの画像から簡単に生成するツール -GradienFinder
Photoshopなどの使い慣れたソフトウェアで作成したグラデーション画像から、CSS3グラデーションのスタイルシートを生成するオンラインツールを紹介します。 GradienFinder ドロップすると、すぐにグラデーション画像が反映され、スタイルシートが生成されます。 CSS: 生成されたスタイルシート background: -webkit-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,rgb(128, 128, 128) 100%); background: -o-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,r
Photoshop初心者でもわかりやすい、グラデーションを巧みに使用したタイポグラフィ
光源とグラデーションを巧みに使用したタイポグラフィを作成するPhotoshopのチュートリアルをSix Revisionsから紹介します。 真ん中の上部に繊細な光源を設定し、テキストにはレイヤースタイルで「グラデーションオーバーレイ」と「ドロップシャドウ」を適用しています。 チュートリアルの説明は英語ですが、各ステップごとにPhotoshopのキャプチャが添えてあるため初心者の人でも実践できると思います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://infinityforest.net/home/archives/2549
[CSS]金属の質感が美しすぎる、スタイルシートで実装されたボタン
[CSS]CSS3グラデーションを美しく効果的に使用したチュートリアル
http://www.css-lecture.com/log/css3/css3-gradient.html
Firefox Trunkの -moz-linear-gradient - Blog - Gertrud
