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

94 votes188 views2 answers
Css code to make text bold
CSS
0 vote194 views1 answer
Get size of each file and folder in a directory
CSS
1 vote207 views1 answer
Css system default font
CSS
0 vote198 views3 answers
Sass use variables from another file
CSS
0 vote193 views1 answer
What is a trailling widget in flutter
CSS
0 vote185 views1 answer
Ratio bootstrap
CSS
0 vote224 views1 answer
Css background text clip
CSS
3 votes244 views4 answers
How to remove border on button click
CSS
0 vote427 views2 answers
Materialize css
CSS Materialize
2 votes197 views1 answer
Css div take remaining screen height
CSS