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 vote274 views1 answer
Css remove scrollbar from body
CSS
22 votes253 views4 answers
Css center in grid
CSS
2 votes194 views1 answer
Xpath vs css selector
CSS
67 votes266 views6 answers
Media query in css
CSS
0 vote245 views1 answer
Radio button css only 1
CSS
0 vote262 views1 answer
Make image scale based on screen size
CSS
0 vote245 views1 answer
Como botar um separador display flex quebra de linha
CSS
1 vote283 views1 answer
Active pseudo class in css not working in form text area
CSS
0 vote228 views2 answers
Split pane border css ionic
CSS
0 vote238 views1 answer
Css div background image loading
CSS