How do you do the effect of airbnb?

https://www.airbnb.com.tw/hos.

is to press "start"
and then disappear from the left
and then find a new
on the right.
is unpopular and popular on the right.
will follow
. What techniques can be used to achieve this?

Airbnb jquery css3 css3-Animation keyframes

Mar.13,2021

designing this kind of page interaction is just like using layers in Photoshop. By clicking the "start" button to trigger the property transformation of CSS, the Wizard steps layer floats out (the default covers the entire page). The specific CSS code can directly refer to the airbnb source code, such as wizard layer call:

    height: 100% !important;
    width: 100% !important;
    position: fixed !important;
    z-index: 102 !important;
    top: 0px !important;
    left: 0px !important;
    animation-name: keyframe_18jn58a !important;
    animation-duration: 1200ms !important;
    animation-timing-function: ease !important;
    background: rgb(255, 255, 255) !important;

Previous: Python processes the index of the csv file to get several lists, and then wants to find its value in a column from the original csv file for index according to the elements in the list.

Next: How to deal with what needs to be judged in the script when executing the script using ansible playbook