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 vote225 views1 answer
Adding active Class with JavaScript
CSS
8 votes215 views2 answers
Css change image width
CSS
4 votes231 views6 answers
Aos library
CSS
0 vote171 views1 answer
Mac input shadow
CSS
1 vote170 views2 answers
Css button border
CSS
0 vote183 views1 answer
Css orange color
CSS
38 votes175 views3 answers
Css breakpoints
CSS
0 vote206 views1 answer
Wordpress smooth scroll to anchor
CSS
-1 vote183 views1 answer
Most essential css elements
CSS
0 vote188 views1 answer
How to dedeclare a variable and use it in css
CSS