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 votes211 views3 answers
Import image css
CSS
6 votes212 views4 answers
How to make the image in the center html
CSS
1 vote223 views1 answer
Highlight table row on hover
CSS
26 votes214 views4 answers
How to move text up and down in html
CSS
2 votes260 views2 answers
Image rendering values css
CSS
0 vote268 views1 answer
Tsx css
CSS
3 votes240 views3 answers
How to use image zoom effect in css
CSS
0 vote237 views1 answer
Html css how to arrange images of different sizes
CSS
0 vote269 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
1 vote201 views1 answer
A open new tab css
CSS