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

3 votes219 views3 answers
How to use image zoom effect in css
CSS
33 votes220 views2 answers
Gradient text colors
CSS
12 votes196 views5 answers
How to update the object value of any array key based on value
CSS
1 vote217 views1 answer
Lato font family css
CSS
0 vote167 views1 answer
Img grows up onmouseover css
CSS
0 vote205 views1 answer
Override Inline Styles with CSS
CSS
1 vote231 views1 answer
Css select part of class name
CSS
1 vote220 views1 answer
How to make horizontal rule dotted
CSS
2 votes217 views10 answers
Robux
CSS
1 vote263 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap