gradient 相关问题

我可以给一个div这个渐变并使其绝对并将其放置在正确的位置，但是如何使其成为半圆形？我可以给一个div这个渐变并使其绝对并将其放置在正确的位置，但如何使其成为半圆形？ <div className="absolute top-[50%] right-[-600px] w-[50%] h-[50%] opacity-40" style={{ background: "linear-gradient(73.4deg, rgba(16, 134, 144, 0.4) 3.31%, rgba(82, 190, 199, 0.4) 57.52%, rgba(252, 207, 18, 0.4) 91.12%)", zIndex: -1 }} ></div> 添加顺风类rounded-full没有帮助。使左角半径为 999px 通过 rounded-l-full。另外，对于真正的半圆，您希望宽度是高度的一半。 <script src="https://cdn.tailwindcss.com/3.4.5"></script> <div class="w-48 h-96 opacity-40 rounded-l-full" style="background: linear-gradient(73.4deg, rgba(16, 134, 144, 0.4) 3.31%, rgba(82, 190, 199, 0.4) 57.52%, rgba(252, 207, 18, 0.4) 91.12%)" ></div>

html css frontend tailwind-css gradient

回答 1 投票 0

如何从 Figma 设计中在 CSS 中重新创建这个圆形渐变？

我正在尝试在 CSS 中重新创建一个圆形渐变，与我在 Figma 中设计的渐变相匹配。这是供参考的图像：圆渐变 Figma 中的梯度定义为：背景：...

css gradient figma radial-gradients css-gradients

回答 1 投票 0

如何在 Flutter 中使用线性渐变创建模糊

我正在尝试在 Flutter 内部创建一个小部件，其作用类似于 BackdropFilter 小部件并模糊其后面的任何内容。虽然与 BackdropFilter 不同，但这种模糊不应该分布

flutter gradient blur

回答 2 投票 0

在Android中以编程方式从drawable创建textview背景

我必须在Android TextView上以编程方式设置背景我使用下面的代码。它不起作用，而且还给了我 nullpointerexception 错误。 best_deals = (TextView) findViewById(R...

android background gradient textview

回答 3 投票 0

这在 Flutter（Android 应用程序）中可行吗？

我正在设计一个音乐应用程序，对于底部导航栏，我希望它看起来像图片中的那样。这是一个线性渐变模糊，但我不知道如何实现这一点。使用流感可以吗...

android flutter gradient blur

回答 1 投票 0

如何在Android的CardView中正确实现带有渐变背景的波纹效果？

我正在尝试在我的 Android 应用程序中创建一个 CardView，它具有渐变背景，并且在单击时还包含波纹效果。我已经定义了一个渐变可绘制并将其设置为背景...

android xml gradient cardview ripple

回答 1 投票 0

在可训练变量上应用掩模后，梯度变为无

我有一个问题，当我实现以下代码时，在对可训练变量应用掩码后，x 的梯度变为无。移除掩模后，就可以计算梯度了。我赢了...

tensorflow keras deep-learning neural-network gradient

回答 1 投票 0

Jetpack 在图像顶部合成渐变图像

我在 xml 布局中有以下代码，我想将其移动到撰写中，但很难将其正确化我在 xml 布局中有以下代码，我想将其移动到撰写中，但很难将其正确化 <androidx.constraintlayout.widget.ConstraintLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white"> <ImageView android:id="@+id/image1" android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/image" app:layout_constraintDimensionRatio="375:258" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <ImageView android:id="@+id/image_gradient" android:layout_width="match_parent" android:layout_height="wrap_content" android:scaleType="fitXY" android:src="@drawable/gradient" app:layout_constraintBottom_toBottomOf="@id/image1" /> </androidx.constraintlayout.widget.ConstraintLayout> 我尝试使用 Box 进行 Compose，但不起作用 Box { Image(painter = painterResource( id = R.drawable.image1), contentDescription = null, ) Image(painter = painterResource( id = R.drawable.gradient), contentDescription = null, contentScale = ContentScale.FillBounds ) } 很可能你的渐变图像的大小为零。您可以使用Modifier.matchParentSize：它在BoxScope中可用。将其应用到渐变图像上，使其大小等于主图像的大小。 Box { Image(painter = painterResource( id = R.drawable.image1), contentDescription = null, ) Image(painter = painterResource( id = R.drawable.gradient), contentDescription = null, contentScale = ContentScale.FillBounds, modifier = Modifier.matchParentSize() ) } 我认为你应该以组合的方式创建渐变 Column(Modifier.fillMaxSize() .background(Color.White)) { Box( modifier = Modifier .fillMaxWidth() .background(color = Color.White) .height(200.dp) ) { Image( painter = painterResource( id = R.drawable.ty ), contentDescription = null, modifier = Modifier .fillMaxWidth(), contentScale = ContentScale.Crop ) Box( modifier = Modifier .background( brush = Brush.verticalGradient( colors = listOf( MaterialTheme.colors.primary.copy(alpha = 0.5f), MaterialTheme.colors.primaryVariant.copy(alpha = 0.5f) ) ) ) .fillMaxSize() ) } } } 如果您使用的是 Material3，那么下面的代码对于图像上的渐变布局很有帮助： @Composable fun ImageCard( painter: Painter, contentDescription: String, modifier: Modifier = Modifier, ) { Card( modifier = Modifier.fillMaxWidth(), shape = RoundedCornerShape(15.dp), elevation = CardDefaults.cardElevation( defaultElevation = 10.dp ) ) { Box(modifier = modifier.height(300.dp)) { Image( painter = painter, contentDescription = contentDescription, contentScale = ContentScale.Crop ) Box( modifier = Modifier .fillMaxSize() .background( Brush.verticalGradient( colors = listOf( Color.Transparent, Color.Black ), startY = 300f ) ) ) } } }

gradient android-jetpack-compose

回答 3 投票 0

Jetpack Compose 中图像上的线性渐变

我正在尝试在背景图像上显示线性渐变，以便更轻松地阅读图像上的文本。但由于缺乏文档，要做到这一点并不容易。我想要完成一些事情...

android gradient android-jetpack-compose linear-gradients

回答 2 投票 0

使用颜色资源在图像上进行渐变

美好的一天，我正在尝试使用颜色资源 ID 在图像上创建渐变，当我输入 Color.Transparent 和 Color.Green 时它会起作用。但是，当我尝试使用颜色来使用颜色列表时

android android-jetpack-compose gradient

回答 1 投票 0

如何创建灰色和浅灰色两种颜色的虚线

我想仅使用 CSS 和 HTML 用最少的代码创建一条如下图所示的虚线。两种颜色之间的破折号的分布百分比可能会根据另一个 CSS 变量而变化，所以我......