当前位置：文江博客话题详情

从显示块动画到内联显示

发布于 2024-12-02 06:14:57 字数 66 浏览 1 评论 0原文

是否有可能使用 jquery 或 jquery ui 将无序列表从显示块动画化为内联显示。那么列表会顺利转变为内联吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

复古式 2024-12-09 06:14:57

是的，这是可能的。不，没有一种好的、简单的内置方法。

回复收藏 0 原文

临风闻羌笛 2024-12-09 06:14:57

这样对 animate() 的调用是有效的。但我们可能期望什么结果呢？
“top”的动画从 0 到 1000，分 100 步，每步将 top 增加 10。
块和内联之间的“步骤”/“切片”是什么？

回复收藏 0 原文

拥有 2024-12-09 06:14:57

我知道这是一个非常古老的问题，但对于正在查看此线程的人来说，您现在可以向块属性添加自定义动画。

.subnav-is-opened .main-nav__secondary-nav {
   display: block;
   -webkit-animation: showNav 250ms ease-in-out both;
   -animation: showNav 250ms ease-in-out both;
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

演示 - https://developers.google.com/web/fundamentals/

I know this is a very old question but for people who are looking at this thread, you can add a custom animation to the block property now.

.subnav-is-opened .main-nav__secondary-nav {
   display: block;
   -webkit-animation: showNav 250ms ease-in-out both;
   -animation: showNav 250ms ease-in-out both;
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

Demo - https://developers.google.com/web/fundamentals/

回复收藏 0 原文

~没有更多了~