Are you first timer at lazacode.org? Why not join us and start exchange your programming knowledge with everyone. Register today!

CSS animation - floating image with keyframes

0 votes
9 views
added Jun 3 in CSS by lcjr Second Warrant Officer (5,520 points)
img {
    &.v--dot {
        width: 91px !important;
        height: auto;
        // animation: indicator-floating 1.5s linear .3s infinite;
        animation-name: dot-floating;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        margin-left: 30px;
        margin-top: 5px;
        @keyframes dot-floating {
            0% { transform: translate(0,  0px); }
            50%  { transform: translate(0, 15px); }
            100%   { transform: translate(0, -0px); }    
        }
    }  
} 

 

Please log in or register to response this reference.

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...