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

14 votes204 views4 answers
How to create a strikethrough in css
CSS
1 vote218 views1 answer
Hide number trigger in html page
CSS
0 vote201 views1 answer
Negative border radius
CSS
0 vote217 views2 answers
Wpa avoid reload with swipe
CSS
0 vote214 views1 answer
Css background for text
CSS
0 vote211 views1 answer
Css3 background image curve
CSS
0 vote203 views1 answer
Css ripple effect
CSS
3 votes199 views2 answers
Scss watch command
CSS
0 vote257 views1 answer
Sass scale color
CSS
98 votes257 views2 answers
Css box-shadow shorthand
CSS