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 vote242 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
19 votes238 views4 answers
Add blur background css
CSS
22 votes223 views2 answers
Disable highlight css
CSS
1 vote240 views1 answer
How to remove markers in css
CSS
0 vote222 views1 answer
Css add required asterisk after
CSS
11 votes248 views2 answers
Css click through an element
CSS
0 vote238 views1 answer
Had to add a tint to a picture on css
CSS
2 votes269 views2 answers
Html how to split a div into two columns
CSS
0 vote223 views1 answer
Fullpage.js change the color of the anchor
CSS
2 votes230 views3 answers
Css remove
CSS