css hover animation effects 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: hover effect
.entry h2{
font-size:36px;
color:#000;
font-weight:800;
}
.entry h2:hover{
color:#f00;
}
Example 4: css hover animation
a:hover {
color: #252525;
}