Toggle Switch Pricing Component

Community feedback

• 

  Yashasvi Singh•235

  @Yashasvi2704Posted over 3 years ago

  Hi Anurag, If I understood it correctly, you want the button's text to be a transparent and the background color should be the color showing up inside the text.

  Am I right?

  0

  ---

  

  Anurag Singh•1,265

  @exist08Posted over 3 years ago

  @Yashasvi2704 yeah, how to make text color transparent

  0

  

  Yashasvi Singh•235

  @Yashasvi2704Posted over 3 years ago

  1. First you would want to wrap the button text in a span <button><span = "bg-clip"></span><button>

  2.Then on the .bg-clip class.. Set the following properties:

      background: <color of your choice(can be a linear gradient or whatever)>;
      -webkit-background-clip: text;
      color: transparent;
  

  0

  

  Anurag Singh•1,265

  @exist08Posted over 3 years ago

  @Yashasvi2704 thanks yashasvi

  0