Text shadow effect

Css shadow

.yourElement {
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  -webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
  box-shadow: -4px -3px 45px 21px rgba(0,0,0,0.35);
}

Text shadow effect

//offset 2px right and down with a 5px defusion of gray
h1 {
  text-shadow: 2px 2px 5px gray;
}

Css text shadow -m

/* Text-Shadow is CSS property that is used to add the shadow to the text, simply 
you can add horizontal and vertical shodow alongwtith the blur and the color of shadow options */

/* It's general syntax would be like*/
  /* x-offset | y-offset | blur-raduis | color */
  text-shadow: 2px 2px 0px #808080;

  /* x-offset | y-offset | color */
  text-shadow: 2px 2px #808080;

  /* x-offset | y-offset(not required) | blur-raduis | color */
  text-shadow: 2px 0 2px #808080;

Text shadow css


#include <stdio.h>

int main()
{
    printf("Hello!!! \a \n");

    return 0;
}

Similar codes

22 votes189 views6 answers
Box shadow css
CSS
0 vote134 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
4 votes155 views1 answer
Make text bigger html5
CSS
0 vote144 views1 answer
Overflow-wrap: anywhere
CSS
0 vote146 views1 answer
Break table for printing
CSS
0 vote191 views1 answer
Move scrollbar on element to right side
CSS
42 votes138 views5 answers
Npm bootstrap
CSS
5 votes141 views2 answers
Make text not selectable
CSS
0 vote146 views1 answer
Not allow select text css
CSS
1 vote150 views1 answer
Universal selector incss'
CSS