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 vote164 views1 answer
Sass rainbow color background
CSS
2 votes110 views1 answer
Bootstrap list view
CSS
1 vote149 views1 answer
Css different sreen size
CSS
1 vote149 views1 answer
Css everything under element
CSS
2 votes133 views6 answers
Neumorphism
CSS
1 vote130 views3 answers
Background image in css is not working
CSS
51 votes127 views6 answers
Text overflow ellipsis css
CSS
2 votes138 views2 answers
Remove the glow in bootstrap input
CSS
0 vote161 views1 answer
Why grepper not always shows
CSS
1 vote133 views1 answer
Change scroll style angular
CSS