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

1 vote271 views1 answer
How to open emoji keyboard windows 10
CSS
0 vote259 views1 answer
Position an icon in relation a parent element
CSS
0 vote213 views1 answer
Wordpress force https
CSS
0 vote267 views1 answer
Css 4 modal
CSS
1 vote267 views1 answer
Reset id sequence postgres
CSS
7 votes218 views1 answer
Change background input css
CSS
0 vote304 views1 answer
Html datalist css style
CSS
0 vote250 views1 answer
React right burger scrol bar
CSS
239 votes344 views5 answers
Include bootstrap
CSS
1 vote263 views1 answer
Css scrollbar always visible
CSS