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

2021-07-28 22:44:29 +08:00
 LeeReamond

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

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

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

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

892 次点击
所在节点    问与答
2 条回复
noe132
2021-07-28 23:06:47 +08:00
transform-origin: 0 -5px;
改成
transform-origin: 100% -5px;
LeeReamond
2021-07-29 10:10:00 +08:00
@noe132 能问下他这里后面-5px 是啥意思么

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/792362

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX