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 vote121 views1 answer
Material css navbar
CSS
7 votes116 views2 answers
Css id selector
CSS
1 vote114 views1 answer
-mos css
CSS
0 vote105 views1 answer
Link css in django template
CSS
0 vote113 views1 answer
Align grid items with end
CSS
1 vote114 views1 answer
Show hide item based on display size
CSS
0 vote125 views2 answers
Text-align transform
CSS
2 votes128 views2 answers
Header center
CSS
0 vote107 views1 answer
Dropdown dropdown-user nav-item work on 2 clicks
CSS
-1 vote102 views2 answers
Html and css websites
CSS