【CSS 3】border 要素にグラデーションを施す方法。
通常これまでは、1px のボーダーのグラデーションを実現する際、背景画像を用意して［background-image］プロパティを利用するのが一般的な方法でした。 しかしレスポンシヴ・デザインやスマートフォン対応のWebサイトの構築などにより、この方法では相応しくないケースが多くなってきました。 何か他の方法を探して代替しなければなりません。 さて。ここでブレイクスルー。 今回は［CSS3］のテクニックの１つとして、ボーダーのグラデーションを、画像を使わずに CSS のみで表現する方法をご紹介します。 まずはサンプルをご覧ください。 綺麗なグラデーションになっていますね。 ボーダー・グラデーション：サンプル HTML の記述は以下のように。 <div id="sample"> <p>このボックスの枠（border）を、CSS3 のテクニックを使ってグラデーション化させます。</p> </d
オンズ
通常フォント（ヒラギノ、メイリオ、または游ゴシック）で表示されます。 すべての人間は、生まれながらにして自由であり、かつ、尊厳と権利とについて平等である。人間は、理性と良心とを授けられてあり、互いに同胞の精神をもって行動しなければならない。 Noto Sans Japanese で表示されます。 表示されるまでに時間がかかります。 すべての人間は、生まれながらにして自由であり、かつ、尊厳と権利とについて平等である。人間は、理性と良心とを授けられてあり、互いに同胞の精神をもって行動しなければならない。 Font Weight 色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢見じ 酔ひもせず （font-weight:100;） 色は匂へど 散りぬるを 我が世誰そ 常ならむ 有為の奥山 今日越えて 浅き夢見じ 酔ひもせず （font-weight:200;） 色は匂
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
