Answers for "right slide animation"

1

how to animate screen left right on click android

//For Left to Right Animation

<set xmlns:android="http://schemas.android.com/apk/res/android"
     android:shareInterpolator="false">
  <translate 

    //from Xaxis Left to Xaxis origin
    android:fromXDelta="-100%" android:toXDelta="0%"

    //no change on Yaxis
    android:fromYDelta="0%" android:toYDelta="0%"

    //total animation duration
    android:duration="700"/>
    
</set>
Posted by: Guest on July-22-2020
0

css animation slide in from right

<div class="wrapper">
    <img id="slide" src="img.png" />
</div>
<style>
.wrapper {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px; 
    border: 1px solid black;
}

#slide {
    position: absolute;
    left: -100px;
    width: 100px;
    height: 100px;
    background: blue;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}

@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}
</style>
Posted by: Guest on March-31-2021

Code answers related to "right slide animation"

Browse Popular Code Answers by Language