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 vote187 views1 answer
Colored link button style scss
CSS
4 votes195 views3 answers
Glowing text css
CSS
0 vote207 views1 answer
Btn keeps pushing down on window resize
CSS
0 vote188 views1 answer
Css div background image loading
CSS
0 vote219 views2 answers
Style message d'erreur css
CSS
2 votes198 views2 answers
Css rotate 180 degrees
CSS
0 vote207 views1 answer
Not for specific child class
CSS
1 vote200 views1 answer
How to change the underline thickness in css
CSS
1 vote196 views1 answer
Css cell spacing
CSS
0 vote200 views1 answer
/* */
CSS