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 vote295 views1 answer
AITpro maintenance mode CSS
CSS
3 votes291 views2 answers
How to make border for letters in css
CSS
-1 vote289 views1 answer
Link design like a Button"
CSS
0 vote288 views1 answer
Style50 for cs50
CSS
56 votes308 views3 answers
How to make a round corner in CSS
CSS
1 vote285 views1 answer
Input start typing in the center
CSS
70 votes289 views4 answers
Css vertical align center
CSS
1 vote343 views2 answers
Overflow x not hidden
CSS
2 votes285 views1 answer
Zypper download rpm
CSS
1 vote359 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap