Floating Animation Code Example


Example: floating object animation css


.floating {   
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 30px;
margin-top: 5px;
background: #7F00FF; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #E100FF, #7F00FF);
background: linear-gradient(to right, #E100FF, #7F00FF);
color: white;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable