【问题标题】:How to translate or transition dynamically without using calc() css如何在不使用 calc() css 的情况下动态翻译或转换
【发布时间】:2018-09-11 14:49:26
【问题描述】:

我需要在不使用 calc() 的情况下动态转换或过渡。以前,我使用 left: calc(100% - 10px)transition: .05s 过渡在 IE11 中无法正常工作。所以,我需要以不同的方式实现这一目标。这可以在transform: translate() 属性中实现吗?

我需要在 div 中移动一个跨度;如果我增加div的宽度,那意味着span会自动向左移动,所以我用calc(100% - 10px),这里10px<span>的宽度。

【问题讨论】:

  • 请在您的问题中添加更多详细信息。你说的动态是什么意思?过渡什么?高度?背景颜色?一个div?被替换的元素?
  • @TylerH 添加了更多信息希望您理解。
  • 如果你可以用你当前的代码发布一个sn-p,你会更容易理解你在问什么

标签: html css css-transitions internet-explorer-11 css-transforms


【解决方案1】:

在使用 ma​​rgin-left 属性时是可能的。在不使用 calc 函数的情况下,这将有助于计算 left。

【讨论】:

    猜你喜欢
    • 2018-12-23
    • 2020-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-13
    • 1970-01-01
    相关资源
    最近更新 更多