Css hover

On hover css

/* Changes an element's color on hover */

.selector {
	background-color: black;
}

.selector:hover {
	background-color: blue;
}

Css hover

.a:hover{background-color: black;}

Scss hover

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

Source: stackoverflow.com

Cool hover effects css

.i {
    color: #fff;
    font-size: 35px;
    margin: 15px 15px 0 15px;
    transition: 0.2s;
    transition-property: color, transform;
}

i:hover {
    color: #FF5733;
    transform: scale(1.3);
}

Css hover

#element {
  transform: translateX(0px);
  background: #ffffff;
  transition: 0.5s;
}
#element:hover {
  transform: translateX(50px);
  background: #000000;
  transition: 0.5s;
}

Style hover

<style>
a.special:link {
    color: green;
}

a.special:visited {
    color: red;
}
</style>

<p><a href="#">This is a standard link, it will become purple when clicked</a></p>
<p><a class="special" href="#">This is a special colored link and become red when clicked</a></p>

Source: learn-html.org

Similar codes

1 vote254 views1 answer
Add image to div in css
CSS
0 vote218 views1 answer
Bottom gradient
CSS
2 votes209 views1 answer
H2 in px css
CSS
3 votes197 views2 answers
Css for internet explorer only
CSS
0 vote222 views1 answer
Barra de rolagem vertical css
CSS
37 votes216 views5 answers
How to apply linear gradient to text in css
CSS
1 vote241 views1 answer
Css break wrap header
CSS
66 votes198 views6 answers
Text background color css
CSS
12 votes209 views1 answer
Disable increment in input type number
CSS
19 votes201 views6 answers
Css text border
CSS