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

2 votes370 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
0 vote383 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS
0 vote287 views2 answers
Position relative get in center
CSS
13 votes324 views6 answers
Bootstrap Badges
CSS
4 votes345 views2 answers
Change element in iframe
CSS
0 vote288 views1 answer
Dropdown dropdown-user nav-item work on 2 clicks
CSS
0 vote302 views1 answer
Style image so it crops
CSS
2 votes340 views5 answers
Csgo
CSS
-1 vote331 views2 answers
How to put different p elements next to each
CSS
2 votes304 views1 answer
Centering the image
CSS