Breaking News: Grepper is joining You.com. Read the official announcement!

linear gradient on text

Add Answer

Graceful Gull answered on February 26, 2020 Popularity 10/10 Helpfulness 7/10

answer linear gradient on text

related css gradient text

related CSS text gradient

related Gradient text

related text gradient in css

related text color linear gradient

related color gradient text css

related css gradient text

related gradient text

linear gradient on text

Comment

h1{  font-size: 64px;
  background-image: linear-gradient(to right, #ba81cf, #6886d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 7/10 Language c

Source: Grepper

Tags: c gradient text

Link to this answer
Share Copy Link

Contributed on Sep 10 2021

Graceful Gull

0 Answers Avg Quality 2/10

Closely Related Answers

css gradient text

Comment

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: css-tricks.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Feb 26 2020

Ugliest Unicorn

0 Answers Avg Quality 2/10

CSS text gradient

Comment

h1 {
color: #524a48;
background: linear-gradient(to right, rgba(255,239,223, 0) 0%, rgba(255,239,223, 1));
opacity: 40%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 8/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 14 2022

Combative Cardinal

0 Answers Avg Quality 2/10

Gradient text

Comment

.gradient-text {
    display:inline-block;
    background: black;
    background: linear-gradient(135deg,red 50%,blue 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 30 2021

niconius

0 Answers Avg Quality 2/10

text gradient in css

Comment

h1{
  font-size: 72px;
  background: -webkit-linear-gradient(rgb(55, 120, 204), rgb(112, 235, 88));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 6/10 Language css

Source: www.github.com

Tags: css

Link to this answer
Share Copy Link

Contributed on May 30 2022

hussein asadi

0 Answers Avg Quality 2/10

text color linear gradient

Comment

<!DOCTYPE html>
<html>
<head>
  <style>
    .gradient-text {
      background: linear-gradient(to right, #ff0000, #0000ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <h1 class="gradient-text">Hello, World!</h1>
</body>
</html>

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

color gradient text css

Comment

h1 {
  background: linear-gradient(to right, #ff9933, #ff3399);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Popularity 8/10 Helpfulness 6/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

css gradient text

Comment

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#f3ec78, #af4261);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: css-tricks.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 31 2021

Ugliest Unicorn

0 Answers Avg Quality 2/10

css gradient text

Comment

/* add a grient to you text for all browsers */
.gradient-text {
  background: -webkit-linear-gradient(#3b82f6, #a855f7);	/* <-- create background gradient. */	
  -webkit-background-clip: text;							/* <-- have the gradient clip to the text. */
  -webkit-text-fill-color: transparent;						/* <-- make the text fill transeparent. */
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Sep 19 2022

Laggs

0 Answers Avg Quality 2/10

gradient text

Comment

selector h2 {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
    font-family: 'Stay Out Regular';
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: wpbuilt.co

Tags: css

Link to this answer
Share Copy Link

Contributed on Apr 21 2021

Busy Butterfly

0 Answers Avg Quality 2/10

linear gradient on text

Contents

More Related Answers

linear gradient on text

Closely Related Answers

css gradient text

CSS text gradient

Gradient text

text gradient in css

text color linear gradient

color gradient text css

css gradient text

css gradient text

gradient text

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.