我正在嘗試在 WPF 中模擬具有圓角行為的 css 插入陰影。
我嘗試使用 Windows 主題中的 DropShadowEffect、SystemDropShadowChrome 和自定義 OpacityMask 的不同組合，但我所有的解決方案甚至都沒有接近所需的陰影效果:(
只是一個常規的拐角邊界開始：
<Border Width="100" Height="50" CornerRadius="30" BorderThickness="1" BorderBrush="Green" Background="White">
<Border.Effect>
<DropShadowEffect ShadowDepth="0" BlurRadius="5" Color="Blue"/>
</Border.Effect>
</Border>
我正在努力實作的目標：
.shadow-div{
width: 100px;
height: 50px;
border-radius: 34px;
background: white;
border: 1px solid green;
box-shadow: inset 0px 3px 4px blue;
}<div class="shadow-div"/>uj5u.com熱心網友回復：
你的意思是這樣的：
我會用Borderin Border，外面Border有一個漸變畫筆作為背景。
<Border Width="100" Height="50" CornerRadius="30" BorderThickness="1" BorderBrush="Green" Padding="2,4,2,1">
<Border.Background>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<LinearGradientBrush.GradientStops>
<GradientStop Color="Blue" Offset="0"></GradientStop>
<GradientStop Color="White" Offset="1"></GradientStop>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Border.Background>
<Border Background="White" CornerRadius="30" BorderThickness="1">
<Border.Effect>
<DropShadowEffect ShadowDepth="2" BlurRadius="7" Direction="90" Color="White" Opacity="1" />
</Border.Effect>
</Border>
</Border>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/378596.html
上一篇：根據來自轉換器的條件在ComboBox中顯示不同的值
下一篇：數字鍵盤沒有出現