0

色あせた境界線を持つボックスを作成しようとしています。そのような例を見つけることができましたが、達成したいことを作成できません。

    border:3px;
-webkit-border-image:-webkit-gradient(linear, 0 0, 0 100%, from(#382E5C), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image:-webkit-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:-o-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:-moz-linear-gradient(#382E5C, rgba(0, 0, 0, 0)) 1 100%;

その css により、両側にクールなフェード ボーダーが表示されますが、上部のボーダーも単色のままにしたいと考えています。上部の境界線を固定し、側面をフェードさせ、下部を透明にするにはどうすればよいですか。ありがとうございました

4

1 に答える 1

0

これを試してみてください: border-top を使用すると、ボーダーは一番上の場所にのみ留まります。

border-top: 3px solid red; 
/***
------add your fading borders
***/

わからない場合は、コードを教えてください...

于 2012-10-04T06:27:57.927 に答える