LeeReamond
V2EX  ›  问与答

这个 html 的从右向左滑出的动画是如何实现的?

  •  
  •   LeeReamond · Jul 28, 2021 · 1226 views
    This topic created in 1843 days ago, the information mentioned may be changed or developed.

    如题,范例地址 https://blog.zwying.com/archives/59.html

    大家可以观察到的效果是,页面的最右面有一个“目录”按钮,鼠标悬停的时候会弹出一个菜单,菜单的弹出和收回都是从右向左发出的。

    我的需求是,想要把按钮放到页面左边的对称位置,然后悬垂的时候弹出菜单是从左往右的。

    按钮的位置比较简单,把屏幕右边距改成左边距就可以了,弹出菜单的动画在 F12 里调了半天也没调对,大佬讲讲这个动画怎么做的

    2 replies    2021-07-29 10:10:00 +08:00
    noe132
        1
    noe132  
       Jul 28, 2021   ❤️ 1
    transform-origin: 0 -5px;
    改成
    transform-origin: 100% -5px;
    LeeReamond
        2
    LeeReamond  
    OP
       Jul 29, 2021
    @noe132 能问下他这里后面-5px 是啥意思么
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1159 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:07 · PVG 02:07 · LAX 11:07 · JFK 14:07
    ♥ Do have faith in what you're doing.