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

3 votes259 views1 answer
Double line borders in html
CSS
29 votes291 views3 answers
How to remove scrollbar in css
CSS
0 vote259 views1 answer
#f2f2f2 in rgba
CSS
1 vote293 views2 answers
Brightness css
CSS
0 vote273 views1 answer
How to scale down background image in css
CSS
0 vote223 views1 answer
Speeh recognition github
CSS
0 vote250 views1 answer
Body css margin, background, font-family, hei
CSS
0 vote272 views1 answer
DOM element add multiple attributes
CSS
-1 vote296 views1 answer
Sidebar-Content layout
CSS
1 vote282 views2 answers
Css grid two columns
CSS