Css

Search

how to create multicolor text in css

<html>
  <head>
    <title>The title of the document</title>
    <style>
      .multicolortext {
        background-image: linear-gradient(to left, violet, indigo, green, blue, yellow, orange, red);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent;
      }
    </style>
  </head>
  <body>
    <h1>
      <span class="multicolortext">Let’s be creative!</span>
    </h1>
  </body>
</html>

Comment

PREVIOUS	NEXT

Code Example
Css :: css percentrage minus px
Css :: drawing a circle with css
Css :: inline block text align top
Css :: wordpress remove sticky header
Css :: tailwindcss table
Css :: css center div
Css :: Add Very Subtle Drop Shadow (CSS) To Element (HTML)
Css :: background shorthand
Css :: sticky footer not working bootstrap
Css :: css filters
Css :: how to center a position fixed element horizontally
Css :: css remove highlight on input text
Css :: border radius color
Css :: terminal check time
Css :: css disabled
Css :: add background video to div css
Css :: overflow property
Css :: change last character color css
Css :: Add border to text - Css
Css :: css remove whitespace around element
Css :: border shorthand css
Css :: background position
Css :: 1rem to px
Css :: border collapse makes outset not work
Css :: how to make the select box font size small in css
Css :: flex flow
Css :: constraint barrier example
Css :: text shadow css
Css :: Text that shows an underline on hover
Css :: for...of...loop and NodeLists

Search

CSS

how to create multicolor text in css

ADD CONTENT