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;}

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

12 votes289 views4 answers
On hover display another div css
CSS
0 vote281 views1 answer
Vuetify input change outline color
CSS
0 vote333 views1 answer
Vertical sliders css
CSS
16 votes291 views4 answers
Arrow down css
CSS
1 vote296 views1 answer
Materialize customize container
CSS
3 votes292 views1 answer
Font. to be thinner css
CSS
1 vote289 views2 answers
Increase tooltip width in angular material
CSS
1 vote294 views1 answer
Css 2 <p> next to each other
CSS
4 votes302 views2 answers
Add background overlay over background image
CSS
0 vote311 views1 answer
Transform on click
CSS