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

28 votes134 views3 answers
Font-face html
CSS
1 vote131 views1 answer
Break pre text
CSS
4 votes129 views4 answers
Change placeholder color
CSS
49 votes139 views5 answers
How to remove bullets from ul
CSS
2 votes150 views5 answers
How to insert image in css
CSS
71 votes96 views17 answers
Box -shadow
CSS
0 vote142 views1 answer
Inset boxshadow
CSS
7 votes129 views3 answers
Embed google font css
CSS
38 votes128 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
-2 votes147 views1 answer
Does boxshadow work
CSS