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

6 votes295 views3 answers
Vw css
CSS
0 vote227 views1 answer
Active state css
CSS
1 vote351 views1 answer
Css light grey
CSS
17 votes300 views3 answers
Rotate image in css
CSS
4 votes328 views3 answers
Css text dots
CSS
0 vote330 views1 answer
Bootstrap ol
CSS Bootstrap
0 vote289 views1 answer
Ubuntu tor browser verification failed
CSS
7 votes265 views3 answers
Css all except last
CSS
58 votes293 views6 answers
How to center a div vertically and horizontally
CSS
35 votes291 views6 answers
Ellipsis
CSS