V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
LeeReamond
V2EX  ›  问与答

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

  •  
  •   LeeReamond · 2021-07-28 22:44:29 +08:00 · 823 次点击
    这是一个创建于 996 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    2 条回复    2021-07-29 10:10:00 +08:00
    noe132
        1
    noe132  
       2021-07-28 23:06:47 +08:00   ❤️ 1
    transform-origin: 0 -5px;
    改成
    transform-origin: 100% -5px;
    LeeReamond
        2
    LeeReamond  
    OP
       2021-07-29 10:10:00 +08:00
    @noe132 能问下他这里后面-5px 是啥意思么
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2906 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 13:47 · PVG 21:47 · LAX 06:47 · JFK 09:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.