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

4 votes123 views3 answers
Add space between all html elements flex
CSS
0 vote116 views1 answer
How to manage overflowing text in button
CSS
0 vote106 views1 answer
How to paralax effect on background image
CSS
0 vote123 views1 answer
Fluid typography for Safari
CSS
0 vote107 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote112 views2 answers
Wp query using the_post
CSS
0 vote117 views3 answers
Bootstrap grid only css npm install
CSS
4 votes124 views1 answer
How to center placeholdr text
CSS
0 vote117 views1 answer
Click a list html css
CSS
3 votes125 views2 answers
Navbar box shadow
CSS