img {
@include transition(all 1s ease-in-out);
opacity: .8;
&:hover {
@include transform(scale(0.9) rotate(-3deg));
@include transform-origin(center top);
opacity: 1;
}
}
i.fa {
font-size: 150%;
@include transition(all 1s ease-in-out);
&:hover {
@include transform(scale(1.5) rotate(360deg));
}
}
a {
img {
opacity: .7;
border-radius: 50%;
&:hover {
opacity: 1;
border-radius: 0%;
@include transform(translateY(50px));
@include transform(scale(0.9) rotate(-3deg));
@include transform-origin(center top);
@include transform-style(preserve-3d);
}
}
}
.social-box {
i.fa {
@include transition(all 1s ease-in-out);
&:hover {
color: white;
@include transform(scale(1.3) rotate(30deg));
}
}
}