Css glow on hover

Css glow effect

div {
    width: 150px;
    height: 150px;
    background-color: #fff;

    box-shadow: 120px 80px 40px 20px #0ff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
}

Source: codersblock.com

Css glow on hover

element {
  box-shadow:none;
}
element:hover, element:active {
  box-shadow: inset 0 0 10px #(color of the glow you want);
}

Similar codes

4 votes168 views2 answers
Javafx change button background color
CSS
0 vote140 views1 answer
Prevent enter key submitting a form jquery
CSS
0 vote141 views1 answer
Css make all text center
CSS
9 votes121 views2 answers
Css percent scale checkbox
CSS
0 vote142 views1 answer
Navbar css code
CSS
0 vote124 views1 answer
Line sharpness css
CSS
6 votes124 views2 answers
How to wrap text in div css
CSS
0 vote126 views1 answer
Tailwind @apply
CSS
1 vote120 views1 answer
Css auto heigh div
CSS
3 votes117 views1 answer
Responsive flexbox in css
CSS