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 vote121 views1 answer
Input time without am pm
CSS
0 vote127 views1 answer
Css 16 9 ratio
CSS
2 votes116 views2 answers
Css properties
CSS
0 vote127 views1 answer
Css last 3 childs
CSS
6 votes163 views2 answers
How to add scss to a react app
CSS
9 votes119 views2 answers
Css percent scale checkbox
CSS
2 votes116 views1 answer
Basic css table
CSS
6 votes127 views2 answers
Css last child with class
CSS
0 vote142 views1 answer
Scss if
CSS
0 vote121 views2 answers
Css prevent scrolling behind overlay
CSS