css hover animation code example
Example 1: css hover animation
.YOURHTMLCONTENT i {
height: auto;
float: left;
color: #fff;
font-size: 55px;
margin: 30px 30px 30px 30px;
transition: 0.8s;
transition-property: color, transform;
}
.YOURHTMLCONTENT i:hover {
color: #FF5733;
transform: scale(1.3);
}
Example 2: 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);
}
Example 3: css transition on hover
div {
color: white;
background-color: black;
}
div:hover {
background-color: red;
}
div {
background-color: black;
color: white;
height: 100px;
transition: width 1.5s, height 3s;
width: 100px;
}
div:hover {
background-color: red;
height: 300px;
width: 150px;
}
Example 4: css hover animation
a:hover {
color: #252525;
}