Learn CSS #22

CSS Text Shadow


Text Shadow

The text-shadow property adds shadow to text.

In its simplest use, you only specify the horizontal shadow (2px) and the vertical shadow (2px):

Text shadow effect!

Example

h1 {
  text-shadow: 2px 2px;
}

Next, add a color (red) to the shadow:

Text shadow effect!

Example

h1 {
  text-shadow: 2px 2px red;
}

Then, add a blur effect (5px) to the shadow:

Text shadow effect!

Example

h1 {
  text-shadow: 2px 2px 5px red;
}

More Text Shadow Examples

Example 1

Text-shadow on a white text:

h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

Example 2

Text-shadow with red neon glow:

h1 {
  text-shadow: 0 0 3px #ff0000;
}

Example 3

Text-shadow with red and blue neon glow:

h1 {
  text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;
}

Example 4

h1 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

Categories

198 Responses

  1. Some trends of drugs. safe and effective drugs are available.
    ivermectin 3
    Learn about the side effects, dosages, and interactions. Everything about medicine.

  2. Read information now. Everything what you want to know about pills.
    https://finasteridest.online can you get cheap propecia without prescription
    Learn about the side effects, dosages, and interactions. Medscape Drugs & Diseases.

  3. Read information now. Learn about the side effects, dosages, and interactions.
    https://azithromycins.com/ buy azithromycin zithromax
    Comprehensive side effect and adverse reaction information. Get warning information here.

  4. safe and effective drugs are available. Get information now.
    best ed drugs
    Drugs information sheet. Prescription Drug Information, Interactions & Side.

  5. drug information and news for professionals and consumers. Actual trends of drug.
    https://canadianfast.com/# best online canadian pharmacy
    drug information and news for professionals and consumers. Get warning information here.

  6. Get warning information here. Medscape Drugs & Diseases.
    https://tadalafil1st.com/# get online cialis without prescription overnight
    Some are medicines that help people when doctors prescribe. Some are medicines that help people when doctors prescribe.

  7. Read information now. п»їMedicament prescribing information.
    cialis 40mg
    Actual trends of drug. Comprehensive side effect and adverse reaction information.

Leave a Reply

Your email address will not be published. Required fields are marked *