Gradient with background color opacity and custom percentage stop

[dasveloper]

I want to replicate a custom linear-gradient like this with Tailwind:

linear-gradient(rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%);

I can replicate the custom opacity background color like this from-black/[0.5] and I can replicate the custom percentage color stop like this from-[black_25%], but if I try to put it all together like this it doesn't work:

bg-gradient-to-r from-[black_25%]/[0.5]

Am I doing something wrong or is this just something Tailwind can't handle?

[wongjn]

The slash alpha notation only works for established color value. Here, you've got multiple values going on here, color and a percentage so the slash alpha notation won't work. However, you could supply a different color value that has the alpha value, like from-[#00000080_25%], from-[rgb(0_0_0/.5)_25%], from-[rgba(0,0,0,.5)_25%], etc.

[dasveloper]

That worked perfectly thanks, I don't know why I forgot about using standard css alpha values to create the color transparency.

[Arunjenson]

can you help me with this
background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), #363A43;

[wongjn]

bg-gradient-to-t from-black/50 to-black/50 bg-[#363A43]