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 vote333 views1 answer
Z index div over cursor
CSS
56 votes368 views3 answers
How to make a round corner in CSS
CSS
0 vote322 views1 answer
Css opacity from 0 to 1
CSS
8 votes379 views2 answers
Background image no repeat fill
CSS
4 votes342 views2 answers
Display flex column width auto
CSS
1 vote383 views3 answers
Read more dots css
CSS
0 vote370 views1 answer
Transform on click
CSS
32 votes377 views6 answers
Css font face
CSS
1 vote364 views1 answer
How do I vertically center text with CSS?
CSS
-1 vote367 views2 answers
How to style a particular image in css
CSS