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

7 votes232 views6 answers
Css background overlay
CSS
0 vote201 views1 answer
Blocksatz css
CSS
-1 vote186 views1 answer
Select box arrow hide css in ie
CSS
0 vote199 views1 answer
Html glow on hover
CSS
0 vote184 views1 answer
How to make the select box font size small in css
CSS
12 votes190 views3 answers
Vertical and horizontal align center div
CSS
4 votes192 views1 answer
Png shadow css
CSS
3 votes190 views1 answer
Font. to be thinner css
CSS
2 votes188 views1 answer
Three dots in css
CSS
-1 vote207 views1 answer
Bootstrap scrollable modal
CSS