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 vote133 views1 answer
Label for centered image
CSS
0 vote103 views1 answer
How to debug datatables
CSS
29 votes103 views2 answers
@font-face rule in css
CSS
2 votes114 views2 answers
Program to draw circle in C++
CSS
0 vote109 views1 answer
Colored link button style scss
CSS
3 votes65 views1 answer
Rotate icon on click css
CSS
34 votes103 views1 answer
Css middle and center align div
CSS
6 votes128 views1 answer
How to change hyperlink color in css
CSS
0 vote106 views1 answer
Quitar flecha summary html css
CSS
1 vote115 views3 answers
Css background image not working
CSS