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

1 vote158 views1 answer
Wp wpbakery bulder page alignment
CSS
9 votes132 views3 answers
Css bottom
CSS
2 votes155 views1 answer
Css image round
CSS
14 votes123 views4 answers
Css first of type
CSS
3 votes130 views1 answer
Css supports
CSS
2 votes91 views1 answer
How to align button horizontally in css
CSS
0 vote144 views1 answer
Css buchstaben auseinander weite
CSS
1 vote137 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS
0 vote144 views1 answer
@font-face
CSS
0 vote220 views1 answer
ProgressBars bulma -- thickness
CSS Bulma