小编Vec*_*tor的帖子
如何制作平滑的模糊效果？
如何使模糊像从透明到黑暗的渐变一样平滑？
.img {
background: url(https://4kwallpapers.com/images/walls/thumbs_2t/13551.jpg);
background-size: cover;
background-position: center;
width: 500px;
height: 300px;
position: relative;
}
.img .shadow {
content: "";
height: 150px;
bottom: 0;
width: 100%;
position: absolute;
pointer-events: none;
left: 0;
background: linear-gradient( 360deg, rgb(0 0 0 / 100%) 0%, rgba(255, 255, 255, 0) 100%);
backdrop-filter: blur(10px);
}<div class="img">
<div class="shadow"></div>
</div>13
推荐指数
推荐指数
3
解决办法
解决办法
1228
查看次数
查看次数
windowTranslucentNavigation 和颜色 java android studio
请告诉我，我有一个全屏使用 webView 的应用程序。从 android 10 开始，导航栏开始与我的webView:
通过放置<item name="android:windowTranslucentNavigation">true</item>，导航栏停止与 webView 重叠，但我想让它变黑但不透明。我该如何实施？也许我可以做一些不同的事情，以便导航栏不与 webView 重叠？我是新手。
我的style.xml：
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowBackground">@drawable/background_splashscreen</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">true</item>
<item name="android:windowFullscreen">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:fitsSystemWindows">true</item>
<item name="android:navigationBarColor">@color/black</item>
</style>
提前致谢。
5
推荐指数
推荐指数
0
解决办法
解决办法
61
查看次数
查看次数
渐变进度条位置
请问，如何用 50% 的渐变填充进度块，但渐变不会收缩而是静态？
50%的时候应该是这样
body {
background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}
#progress {
width: 50%;
height: 20px;
border: 5px solid #000;
background: none;
}
div {
width: 50%;
height: 100%;
overflow: hidden;
background: linear-gradient(-90deg, rgba(60, 226, 91, 1) 0%, rgba(255, 147, 0, 1) 50%, rgba(247, 3, 3, 1) 100%);
}<div id="progress">
<div></div>
</div>5
推荐指数
推荐指数
1
解决办法
解决办法
95
查看次数
查看次数
设置比例jquery
请告诉我为什么我不能\xe2\x80\x99t 设置div 的比例？
\n\r\n
\r\n\n \r\n
\r\nvar a = 0.1;\nvar b = 0.1;\nvar scale = a+b;\n$(".item").css(\'scale\', scale).item {\n width: 100px;\n height: 100px;\n background: blue;\n}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>\n<div class="item"></div>5
推荐指数
推荐指数
1
解决办法
解决办法
55
查看次数
查看次数