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

17 votes268 views3 answers
Css odd even child
CSS
2 votes279 views2 answers
Css heading background line
CSS
22 votes270 views3 answers
Remove styling from a tag
CSS
23 votes276 views3 answers
Text-overflow ellipsis multiple lines
CSS
2 votes270 views4 answers
Css image sharpen
CSS
16 votes275 views4 answers
Arrow up css
CSS
0 vote276 views1 answer
Grid place between
CSS
0 vote281 views1 answer
React wrapper component
CSS
38 votes255 views6 answers
Text gradient css
CSS
0 vote247 views10 answers
How to create a snake game in html css js
CSS