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

text gradient effect

Add Answer

Scary Salamander answered on February 26, 2020 Popularity 10/10 Helpfulness 6/10

answer text gradient effect

related css gradient text

related CSS text gradient

related Gradient text

related gradient text color css

related text gradient css3

related text gradient in css

related color gradient text css

related css gradient text

text gradient effect

Comment

.text-gradient {
  background: linear-gradient(to right, #30CFD0, #c43ad6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Popularity 10/10 Helpfulness 6/10 Language css

Source: trishalim.hashnode.dev

Tags: css effect gradient text

Link to this answer
Share Copy Link

Contributed on Mar 01 2022

Scary Salamander

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

gradient text color css

Comment

h4 {
background: linear-gradient(to right, #494964, #6f6f89);
	-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 Oct 18 2020

Runtime Terror

0 Answers Avg Quality 2/10

text gradient css3

Comment

h1 {
  font-size: 72px;
  background-image: linear-gradient(
    110deg,
    #463f64,
    #463f64,
    #e2285c
  );
  -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 May 14 2021

Misty Mouse

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

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

text gradient effect

Contents

More Related Answers

text gradient effect

Closely Related Answers

css gradient text

CSS text gradient

Gradient text

gradient text color css

text gradient css3

text gradient in css

color gradient text css

css gradient text

css gradient text

Grepper

Documentation

Social

Legal

Contact

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