https://www.duolingo.com/epictortoise23

Cool text

More styles will be added

Shadows! {@style = text-shadow: 4px 4px 4px #bbb}

{ @style = text-shadow: 4px 4px 4px #bbb}

Rainbow Text{@style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: text;}

{ @style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: text;}

Ice{@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

{ @style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

Flame Text{@style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

{ @style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

<h1>giant text</h1>

#GIANT TEXT#

Colored Text{@ style = color : pink }

{ @ style = color : pink }

Italicized Text

<pre> * Your words here* </pre>

Bolded Text

<pre> **Bolded Text** </pre>

Italicized AND Bolded Text

<pre> ***Italicized AND Bolded Text*** </pre>

Tall Text

<pre> ##Tall Text </pre>

SQUARE TEXT

<pre> ###Square Text </pre>

Bubbly Text

<pre> ####Bubbly Text </pre>

Cool text{@style =color: white; text-shadow: 0 0 2.5px orange, 0 0 5px orange, 0 0 15px orange, 0 0 20px orange, 0 0 35px orange, 0 0 40px orange, 0 0 50px orange, 0 0 75px orange; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

<pre> {@style =color: white; text-shadow: 0 0 2.5px orange, 0 0 5px orange, 0 0 15px orange, 0 0 20px orange, 0 0 35px orange, 0 0 40px orange, 0 0 50px orange, 0 0 75px orange; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;} </pre>

cool stuff{@style=color: tomato; text-shadow: 2px 2px 0px wheat, 3px 3px 0px tomato; font-size: 40px; font-weight: 900; line-height: 33px;}

<pre> {@style=color: tomato; text-shadow: 2px 2px 0px wheat, 3px 3px 0px tomato; font-size: 40px; font-weight: 900; line-height: 33px;} </pre>

Lime!{@style =color: white; text-shadow: 0 0 2.5px lime, 0 0 5px lime, 0 0 15px lime, 0 0 20px lime, 0 0 35px lime, 0 0 40px lime, 0 0 50px lime, 0 0 75px lime; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

<pre> {@style =color: white; text-shadow: 0 0 2.5px lime, 0 0 5px lime, 0 0 15px lime, 0 0 20px lime, 0 0 35px lime, 0 0 40px lime, 0 0 50px lime, 0 0 75px lime; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;} </pre>

Yellow!{@style =color: white; text-shadow: 0 0 2.5px yellow, 0 0 5px yellow, 0 0 15px yellow, 0 0 20px yellow, 0 0 35px yellow, 0 0 40px yellow, 0 0 50px yellow, 0 0 75px yellow; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

<pre> {@style =color: white; text-shadow: 0 0 2.5px yellow, 0 0 5px yellow, 0 0 15px yellow, 0 0 20px yellow, 0 0 35px yellow, 0 0 40px yellow, 0 0 50px yellow, 0 0 75px yellow; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;} </pre>

Credit to Hyllning for the rainbow text{@style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

67 Comments
This discussion is locked.


https://www.duolingo.com/DuoFlash
DuoFlash
  • 25
  • 14
  • 11
  • 10
  • 9
  • 7
  • 7
  • 6
  • 2
  • 2
  • 2

Flame Text

{ @style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

Rainbow Text

{ @style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: text;}

Credit: Hyllning{@style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

Merry Christmas

M{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} E{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} R{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} R{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} Y{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} -{@style =color:white;} C{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} H{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} R{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} I{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} S{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} T{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} M{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} A{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;} S{@style=color: white; text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 5px 5px 5px red, 1px 1px 0 red; font-size: 30px; font-weight: 900;} !{@style=color: white; text-shadow: -1px -1px 0 green, 1px -1px 0 green, -1px 1px 0 green, 5px 5px 5px green, 1px 1px 0 green; font-size: 30px; font-weight: 900;}

Ice

{ @style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

Fire{@style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

And Ice {@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

lol{@style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: text;}

2 years ago

https://www.duolingo.com/QQJoy

Cool :){@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

Hotter flame text{@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

<pre>{@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;} </pre>
2 years ago

https://www.duolingo.com/DuoFlash
DuoFlash
  • 25
  • 14
  • 11
  • 10
  • 9
  • 7
  • 7
  • 6
  • 2
  • 2
  • 2

Wow! Thanks!

2 years ago

https://www.duolingo.com/KoolKat09
KoolKat09
  • 13
  • 9
  • 8
  • 7
  • 6
  • 5
  • 3
  • 2
  • 2
  • 2
  • 2

{@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 25px; font-weight: 500; line-height: 45px;} cool!

2 years ago

https://www.duolingo.com/Kaylad1114

Ikr!! {@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/KoolKat09
KoolKat09
  • 13
  • 9
  • 8
  • 7
  • 6
  • 5
  • 3
  • 2
  • 2
  • 2
  • 2

{@style=color: black; text-shadow: -1px -.5px 0 black, -8px -2px 0 red, -1px -1px 0 black, 2px -1px 0 black, -0px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 1000px; font-weight: 11; line-height: 100px;} :DD i tweaked it up a bit!

2 years ago

https://www.duolingo.com/Kaylad1114

Nice xD {@style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 55px;}

2 years ago

https://www.duolingo.com/Kaylad1114

So did I!!! {@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 85px;}

2 years ago

https://www.duolingo.com/KoolKat09
KoolKat09
  • 13
  • 9
  • 8
  • 7
  • 6
  • 5
  • 3
  • 2
  • 2
  • 2
  • 2

sorry about the big letters my brother messed it up!

2 years ago

https://www.duolingo.com/Kaylad1114

{@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 4 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 3 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 100px;} Lol

2 years ago

https://www.duolingo.com/Kaylad1114

{@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 45px; font-weight: 500; line-height: 100px;} This is interesting

2 years ago

https://www.duolingo.com/KoolKat09
KoolKat09
  • 13
  • 9
  • 8
  • 7
  • 6
  • 5
  • 3
  • 2
  • 2
  • 2
  • 2

{@style=color: dark blue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 100px; font-weight: 500; line-height: 45px;} it is lol

2 years ago

https://www.duolingo.com/Kaylad1114

Agreed. {@style=color: dark blue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 100px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/Kaylad1114

{@style=color: crimson; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 3 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 45px; font-weight: 500; line-height: 100px;} And odd

2 years ago

https://www.duolingo.com/Hyllning

Um. I am just asking why you are showing Rainbow Text in this discussion. It is obvious that you have used mine in my Duolingo ~ 「 Formatting 」- BASICS, it's the same code. If you saw at the bottom..

P.S. Please do not add this 'CSS code' in any of your Formatting Posts and please do not take credit for it, I came up with it and I do not want anyone taking credit. Please let this code stay here in this post. Feel free to use it though, and if anyone asks, give them the link to this Discussion or give credit to me. Thank you in advance.


If you can add an acknowledgement of me at the bottom for the rainbow text or remove it from this discussion, that would mean a lot. Thank you!

2 years ago

https://www.duolingo.com/epictortoise23

sorry if i offended u . credit to u

2 years ago

https://www.duolingo.com/Hyllning

I'm not offended, I'm just asking why there was no credits. Because I stated that in my post. If you had your own code, I would not be bothering you, it's just the exact code I had.

2 years ago

https://www.duolingo.com/epictortoise23

sorry i just saw it . i have now added credit to you

2 years ago

https://www.duolingo.com/Hyllning

You don't need to credit the whole post, just the rainbow text XD

2 years ago

https://www.duolingo.com/Awesomegirl4321

Awesome Ice! Just to let everyone know DanielSebo is my hero.{@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 10000000; line-height: 45px;}

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

Orange glow! {@style =color: white; text-shadow: 0 0 2.5px orange, 0 0 5px orange, 0 0 15px orange, 0 0 20px orange, 0 0 35px orange, 0 0 40px orange, 0 0 50px orange, 0 0 75px orange; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

Lime glow! {@style =color: white; text-shadow: 0 0 2.5px lime, 0 0 5px lime, 0 0 15px lime, 0 0 20px lime, 0 0 35px lime, 0 0 40px lime, 0 0 50px lime, 0 0 75px lime; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

Yellow glow! {@style =color: white; text-shadow: 0 0 2.5px yellow, 0 0 5px yellow, 0 0 15px yellow, 0 0 20px yellow, 0 0 35px yellow, 0 0 40px yellow, 0 0 50px yellow, 0 0 75px yellow; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

<pre>{@style =color: white; text-shadow: 0 0 2.5px orange, 0 0 5px orange, 0 0 15px orange, 0 0 20px orange, 0 0 35px orange, 0 0 40px orange, 0 0 50px orange, 0 0 75px orange; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;} </pre>

You can just hit "space" 4 times and it will deactivate and highlight your code without having to type spaces before or after the @.

<pre>I typed four spaces in front of this sentence and it's not green{@style=color:green;} </pre>

Sometimes three back tics ``` on each side of the code works but not always.

2 years ago

https://www.duolingo.com/RavenclawLuna

thank you@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px

2 years ago

https://www.duolingo.com/Awesomegirl4321

SHADOW!{@style=text-shadow: 4px 4px 4px #bbb}

2 years ago

https://www.duolingo.com/Robloxian_Kitten

Couldn't stop! {@style =color: white; text-shadow: 0 0 2.5px lime, 0 0 5px lime, 0 0 15px lime, 0 0 20px lime, 0 0 35px lime, 0 0 40px lime, 0 0 50px lime, 0 0 75px lime; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

2 years ago

https://www.duolingo.com/Kaylad1114

IT WORKS {@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/RavenclawLuna

thank you{ @style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

That is almost it remove the space between { and @

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

at the beginning of the code

2 years ago

https://www.duolingo.com/RavenclawLuna

Your text here{@style=color: tomato; text-shadow: 2px 2px 0px wheat, 3px 3px 0px tomato; font-size: 40px; font-weight: 900; line-height: 33px;}

2 years ago

https://www.duolingo.com/RavenclawLuna

thank you {@style =color: white; text-shadow: 0 0 2.5px orange, 0 0 5px orange, 0 0 15px orange, 0 0 20px orange, 0 0 35px orange, 0 0 40px orange, 0 0 50px orange, 0 0 75px orange; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

That's it. Take a look at Hyllning's posts here for some more info.

2 years ago

https://www.duolingo.com/RavenclawLuna

yAY IT WORKED { @style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

remove the first space :)

2 years ago

https://www.duolingo.com/RavenclawLuna

yay it worked {@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/WanderingMonk
WanderingMonk
  • 16
  • 10
  • 3
  • 3
  • 2
  • 2
  • 2

Now you've got it!! {@style =color: white; text-shadow: -1px -1px 0 blue, 1px -1px 0 blue, -1px 1px 0 blue, 5px 5px 3px blue, 1px 1px 0 blue; font-size: 25px; font-weight: 900;}

2 years ago

https://www.duolingo.com/RavenclawLuna

cool magenta {@ style = color : magenta}

2 years ago

https://www.duolingo.com/RavenclawLuna

ok this is so cool and its rainbow! yay! this is so awesome! {@style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: text;}

2 years ago

https://www.duolingo.com/RavenclawLuna

scary effect.... { @style = text-shadow: 4px 4px 4px #bbb}

2 years ago

https://www.duolingo.com/RavenclawLuna

SCARY EFFECT...{@style = text-shadow: 4px 4px 4px #bbb}

2 years ago

https://www.duolingo.com/Krazy.Kat
Krazy.Kat
  • 13
  • 12
  • 4
  • 4
  • 2
  • 2

{ @style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: Like this?;}

2 years ago

https://www.duolingo.com/Krazy.Kat
Krazy.Kat
  • 13
  • 12
  • 4
  • 4
  • 2
  • 2

I can't figure out how to do it.

2 years ago

https://www.duolingo.com/DuoFlash
DuoFlash
  • 25
  • 14
  • 11
  • 10
  • 9
  • 7
  • 7
  • 6
  • 2
  • 2
  • 2

You have to write text behind the "{" and don't leave a space between the @ and the {.

2 years ago

https://www.duolingo.com/Krazy.Kat
Krazy.Kat
  • 13
  • 12
  • 4
  • 4
  • 2
  • 2

Like this?{@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/Krazy.Kat
Krazy.Kat
  • 13
  • 12
  • 4
  • 4
  • 2
  • 2

YAY!!!!!{@style =color: white; text-shadow: 0 0 2.5px orange, 0 0 5px orange, 0 0 15px orange, 0 0 20px orange, 0 0 35px orange, 0 0 40px orange, 0 0 50px orange, 0 0 75px orange; background: black; border-radius: 40px; padding: 8px 30px; font-size: 30px; font-weight: 900; line-height: 36px;}

2 years ago

https://www.duolingo.com/Krazy.Kat
Krazy.Kat
  • 13
  • 12
  • 4
  • 4
  • 2
  • 2

This is sooo cool!!! Thanks!{@style=background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;background-clip: text;}

2 years ago

https://www.duolingo.com/68dustin

Yep, you got it, but that rainbow text CSS code was made by Hyllning, and he asked anyone who used it to give credit, so please give credit to him. Click here to go to a discussion with links to software package downloads for a CSS run filter. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950

2 years ago

https://www.duolingo.com/Robloxian_Kitten

This is so cool! {@style=color: #e19201; text-shadow: -1px -.5px 0 black, -1px -2px 0 red, -1px -1px 0 black, 1px -1px 0 black, -1px -4px 8px red, -1px 1px 0 black, 1px 3px 0 black, 0px 3px 0 red, 2px -2px 5px red, 0 0 10px red, 2px -2px 15px yellow, -5px -5px 20px orange, 5px -5px 25px orange, 0px -12px 6px orange, -5px -15px 30px red, 0 -20px 35px yellow, 2px -22px 40px yellow; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/Robloxian_Kitten

YAY IT WORKED!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! {@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px -4px 8px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 5px 20px blue, 5px 5px 25px navy, 0px 6px 6px blue, -5px 15px 30px blue, 0 -20px 35px blue, 2px 22px 40px blue; font-size: 35px; font-weight: 500; line-height: 45px;}

2 years ago

https://www.duolingo.com/KoolKat09
KoolKat09
  • 13
  • 9
  • 8
  • 7
  • 6
  • 5
  • 3
  • 2
  • 2
  • 2
  • 2

{@style=color: lightblue; text-shadow: -1px -1px 0 navy, 1px -1px 0 white, -1px 1px 0 white, 1px 2px 0 white, -1px -4px 30px lightblue, 2px -2px 5px blue, 0 0 10px lightblue, 2px -2px 15px aqua, -5px 6px 20px blue, 5px 5px 60px navy, 0px 20px 6px blue, -5px 30px 50px blue, 0 -20px 10px blue, 2px 22px 35px blue; font-size: 35px; font-weight: 500; line-height: 45px;} :D!

2 years ago
Learn a language in just 5 minutes a day. For free.

Learn a language in just 5 minutes a day. For free.