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 vote273 views1 answer
Easy way raise specificity css
CSS
0 vote269 views1 answer
Css quitar el icono de lista
CSS
6 votes268 views2 answers
Space between flexbox
CSS
0 vote243 views1 answer
Affect top div opacity without affecting childrne
CSS
86 votes244 views6 answers
Css all caps
CSS
16 votes266 views3 answers
CSS Head Link
CSS
59 votes247 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
0 vote317 views1 answer
Centrer un élément absolute
CSS
16 votes265 views3 answers
Remove underline hover css
CSS
0 vote278 views1 answer
How to get text to auto break in a grid
CSS