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

0 vote308 views1 answer
Jest test try catch
CSS
5 votes372 views3 answers
Back color rbg
CSS
2 votes336 views1 answer
Otf css3 font-face
CSS
0 vote335 views1 answer
Template html css bootstrap cdn
CSS
1 vote329 views1 answer
How to remove margin of body
CSS
5 votes325 views3 answers
How to get rid of button outline when clicked
CSS
22 votes333 views5 answers
Circle css
CSS
0 vote317 views1 answer
Ul or ol with no indent
CSS
2 votes363 views2 answers
How we use backdrop-filter css property
CSS
21 votes324 views2 answers
Remove focus border
CSS