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

52 votes161 views6 answers
Center a div
CSS
18 votes220 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
23 votes160 views2 answers
Center align in grid
CSS
1 vote154 views1 answer
Inline input form css
CSS
0 vote167 views1 answer
Override Inline Styles with CSS
CSS
0 vote239 views1 answer
.txt:hover { text-decoration: underline; }
CSS
0 vote209 views1 answer
Display elements in column css
CSS
-1 vote159 views2 answers
Animation fade in css
CSS
7 votes149 views3 answers
Text unselectable css
CSS
99 votes202 views6 answers
Css capitalize first letter
CSS