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 vote321 views1 answer
"selector-max-specificity"
CSS
1 vote301 views1 answer
How to open link in same tab in chrome
CSS
1 vote318 views2 answers
Css scroll y showing scroll bar
CSS
0 vote278 views1 answer
What is difference between padding and margin?
CSS
2 votes306 views1 answer
Transform:translateX()
CSS
0 vote315 views1 answer
Circle with 4 colors css
CSS
16 votes288 views4 answers
Arrow right css
CSS
40 votes353 views4 answers
Center on page css
CSS
0 vote348 views1 answer
Terminal download website source code
CSS
1 vote338 views1 answer
How to gain full width of a phone website in html and css
CSS