float animation for your layout

<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>


3 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Alexander

Alexander's profile picture

Woah, thanks!!! Very cool, I've been wondering how people do this :3


Report Comment