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 vote123 views1 answer
Reference WP media file on child theme CSS file
CSS
0 vote124 views1 answer
Htacess mono-site
CSS
42 votes122 views6 answers
Text overflow css
CSS
83 votes144 views6 answers
Css center text
CSS
0 vote133 views1 answer
Drupal 8 Notice: Trying to get property
CSS
2 votes133 views1 answer
Mat slide toggle change color
CSS
2 votes145 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
1 vote166 views1 answer
Wordpress css admin not loading
CSS
15 votes143 views2 answers
Css center elment screen
CSS
0 vote146 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS