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 vote125 views1 answer
Download styles.css
CSS
1 vote122 views1 answer
Css line break width
CSS
0 vote190 views1 answer
Bootstrap 4 input error
CSS Bootstrap
33 votes142 views4 answers
How to change paragraph text color to Red css
CSS
0 vote134 views1 answer
Chrome console remove css dark mode
CSS
0 vote126 views1 answer
Project in css transforms
CSS
0 vote119 views2 answers
Wow.js
CSS
2 votes145 views4 answers
Sieve of eratosthenes
CSS
1 vote112 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
0 vote161 views2 answers
Elementor accordion closed by default
CSS