☰

CSSでグラデーションボーダーを作る方法 質問する

tag-icon • tag-icon css border gradient linear-gradients
CSSでグラデーションボーダーを作る方法 質問する

境界線にグラデーションを適用しようとしていますが、次のようにすれば簡単だと思いました。

border-color: -moz-linear-gradient(top, #555555, #111111);

しかし、これは機能しません。

境界線のグラデーションを正しく行う方法を知っている人はいますか?

ベストアンサー1

プロパティはこれを実現できます。およびもborder-image指定する必要があります。border-styleborder-width

border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
border-width: 4px;
border-style: solid;

詳しくはこちら翻訳。

おすすめ記事