1

各コーナーで 32 ピクセルのコーナー半径を持つ div の周りに 40 ピクセルの太い境界線を作成しようとしており、グラデーションは中心に向かってフェードアウトします。それがそれを説明する最良の方法かどうかわからないので、必要なものをエミュレートしようとするjsFiddleを作成しましたが、オフです。

http://jsfiddle.net/c7uYh/

there's too much code to post on here neatly.

編集jsFiddle の出力を見ると、角が上下の側面のグラデーションと一致していないことがわかります。明らかなエッジが見えます。

どうすれば一致させることができますか？

4

1 に答える 1

2

対処するにはナンセンスが多すぎる代わりに、ボックスシャドウだけを使用します....グラデーションに形状に従うように指示するオプションがないのはなぜですか。>>>(?)<<<<< ただし、ボーダーグラデーションは機能します..

- _ -

http://jsfiddle.net/HwCyf/1/

div{
    display:inline-block;

}
#m {
    box-shadow:0 0 60px 35px white;
    width:300px;
    height:200px;
    margin:36px; border-radius:20px; 
    background-color:white;}

#b {
    background-color:rgb(231, 105, 255);
    border-radius:30px; border:1px solid purple;
}
于 2013-08-29T22:36:07.790 に答える