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 vote341 views1 answer
Text align in materialize css
CSS
1 vote358 views1 answer
Loading screen html
CSS
8 votes395 views2 answers
How to add border in css
CSS
0 vote335 views1 answer
Why programmers are single
CSS
6 votes351 views2 answers
How to make a division center css
CSS
2 votes347 views2 answers
Css properties
CSS
1 vote358 views1 answer
Ng-deep
CSS
0 vote357 views1 answer
To make card box appear more bigger when hover
CSS
67 votes356 views3 answers
St. Patrick's Day
CSS
0 vote343 views1 answer
Api not working in github pages
CSS