2019.03.10スポンサーリンク「できれば画像を使用せずに、両端が消えていくようなラインを引きたいな」と思われたことはありませんか?CSS3を使用して、両端が消えていくラインを引く方法をご紹介します。※IE等、お使いのブラウザによっては、動作しない場合があります。rgba(214,198,175,0));まずbackgroundにグラデーションをかけます。1px;background-size、background-position、background-repeat:no-repeatを設定することによってラインにします。リピートをなくすことにより背景から線にします。ラインの位置を指定します。高さ1pxのラインにします。TEST以上、画像を使用せずに、両端が消えていくラインを引く方法でした。