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 vote84 views1 answer
Css logo color
CSS
3 votes82 views1 answer
Make item apper at the center of div
CSS
1 vote143 views1 answer
Materialize button
CSS
2 votes139 views2 answers
Header center
CSS
0 vote131 views1 answer
Css change overflow scrollbar
CSS
0 vote135 views2 answers
Svg as background css
CSS
0 vote116 views2 answers
Transparent input box
CSS
1 vote157 views1 answer
How to scale a bg image acc to size of div
CSS
0 vote115 views1 answer
Selection Handler css
CSS
0 vote208 views1 answer
Bulma modal
CSS Bulma