Making button text represent alpha

Question

Hello guys, today I encountered a problem where I wanted to represent text colour alpha.
Here what I want to do is to make button , make background colour of button to be white , but the text displayed should be alpha but then the whole button becomes white , I wanted to make text alpha such that I should be transparent enough to show background image of body.
I hope u guys get the question.Please do help if anyone have solution.

This is the reference code where I want to display button text colour as transparent and display background image through text rather than white button background

https://code.sololearn.com/Wx7k1eGNSchL/?ref=app

Answer 1

https://code.sololearn.com/WWPTLGjoB11O/?ref=app

Answer 2

Let show me your code, or a piece of your code

Answer 3

Not sure what you mean. Are you trying to make the text transparent? You can do this with Opacity: "value";
Example =
h{
Opacity : 0.5;
}
Or are you looking for the text to change when something happens, I.e mouse hover? h:hover{
Text:"color" ;
}

Answer 4

Lee Brophy

No what I am trying to say is there should be a button which should be white but the text should be transparent but when I do so it will show color white as background colour of button is white . I want to make this text transparent enough that it should show background image through it.

Answer 5

Y.K

Hey I have provided the code in post.Please do check and help

Answer 6

I must be misunderstanding, but it seems that if you set the button Opacity in css to less than 0.5 it will be transparent. And do the same for the text so you can see the image through the button/text

Answer 7

Calviղ

Hello sir that's a great work. It's the exact way I wanted but when I tried to change the button position it doesn't work .
I had watched your code know how it made possible such thing the button should made such that even we put it anywhere it should grasp the related background.
I think there is something to do with background-position but unable to figure out. Can you please explain or try to edit and make changes. What I want to do is make the button on top left corner. Rest your trick was awesome no doubt about it.