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

7 votes169 views2 answers
Input background color
CSS
1 vote158 views2 answers
How to filter css red
CSS
4 votes141 views3 answers
Css selection
CSS
45 votes144 views6 answers
Css text align center
CSS
2 votes194 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote167 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
30 votes143 views4 answers
Opacity color
CSS
0 vote132 views1 answer
Css dashed double border
CSS
1 vote147 views1 answer
Bot page description background selector top.gg
CSS
0 vote270 views1 answer
Centrer un élément absolute
CSS