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

34 votes309 views1 answer
Css middle and center align div
CSS
0 vote297 views2 answers
How to remove white space in the right side of web page
CSS
0 vote297 views1 answer
Media queries in scss
CSS
13 votes285 views3 answers
Centering css elements
CSS
1 vote304 views1 answer
Layer on top in javascript
CSS
1 vote267 views1 answer
Move element to the left css
CSS
0 vote256 views1 answer
Css class and attribute selector
CSS
5 votes267 views3 answers
Css glow effect
CSS
0 vote280 views1 answer
Import custom font
CSS
1 vote272 views1 answer
Bootstrap 4 material icon vertical align
CSS