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 vote104 views1 answer
Flex-decoration column
CSS
13 votes160 views2 answers
Box-sizing
CSS
-1 vote154 views1 answer
Line break inside content css
CSS
9 votes147 views4 answers
Two color background css
CSS
3 votes185 views2 answers
How to make image not draggable in html
CSS
11 votes153 views2 answers
Css display
CSS
1 vote146 views1 answer
Gatsby hide scroll bar
CSS
0 vote141 views1 answer
Remove border from last child css
CSS
109 votes152 views6 answers
Position absolute
CSS
17 votes355 views2 answers
Linking css
CSS