SCSS Hover
.class {
margin:20px;
&:hover {
color:yellow;
}
}
Clever Crane
.class {
margin:20px;
&:hover {
color:yellow;
}
}
<input class = "spin" type="image" src="(IMAGE URL)" width="42" height="42" alt="a" title"Transform 360 deg. image!">
<style>
.spin:hover {
height: 60px;
width: 60px;
transition: .5s;
transform: rotate(360deg);
}
</style>
<!-- You can remove the height and width elements in the CSS style tag if you wish. -->.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);
}.a:hover{background-color: black;}#element {
transform: translateX(0px);
background: #ffffff;
transition: 0.5s;
}
#element:hover {
transform: translateX(50px);
background: #000000;
transition: 0.5s;
}hover