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 vote152 views1 answer
Import custom font
CSS
0 vote176 views1 answer
How to give rgba in tailwind
CSS
0 vote153 views1 answer
Tailwind @apply
CSS
0 vote189 views2 answers
Weer
CSS
0 vote235 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
36 votes171 views6 answers
Css gradient
CSS
3 votes168 views1 answer
Top left right bottom css shorthand
CSS
0 vote163 views1 answer
React bootstrap carousel not working
CSS
7 votes148 views2 answers
Create circle border css
CSS
0 vote181 views1 answer
Copyright
CSS