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 vote369 views1 answer
Find element that is causing overflow css
CSS
10 votes333 views2 answers
Css how to change font colr
CSS
5 votes383 views5 answers
Disable text selection
CSS
0 vote364 views1 answer
Apply image as full screen responsive background
CSS
0 vote363 views2 answers
Wow.js
CSS
0 vote363 views1 answer
Webpagetest.org header security fixing
CSS
0 vote360 views1 answer
Disable text higlighting
CSS
1 vote346 views1 answer
Add alpha value to css color variable
CSS
0 vote400 views1 answer
Regex remove css comment
CSS
0 vote350 views2 answers
Css wavy line
CSS