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 vote168 views2 answers
Css hexagon with text inside
CSS
0 vote180 views1 answer
Text truncate after 3 lines
CSS
2 votes167 views1 answer
Css image round
CSS
4 votes168 views1 answer
Checkbox input in css
CSS
1 vote176 views1 answer
Css button:focus border-radius square
CSS
1 vote186 views3 answers
Tag php
CSS
0 vote176 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote162 views1 answer
Change the background of an element in a loop using css
CSS
126 votes239 views5 answers
React Bootstrap css import
CSS Bootstrap
1 vote173 views1 answer
Css > symbol
CSS