Canvas Support

Social Icon Animations

1 reply · opened Dec 29, 2016

TtriplewhatDec 29, 2016

Would it be possible to have the social icons fade in instead of slide up?

SSemicolon WebSTAFFJan 2, 2017

Hello,

Yes! This is Definitely Possible! Simply add the following CSS Code: 

.social-icon { position: relative; }

.social-icon i:last-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.social-icon:hover i { margin-top: 0 !important; }

.social-icon:hover i:first-child { opacity: 0; }

.social-icon:hover i:last-child { opacity: 1; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard