【问题标题】:Transform scale relative resizing变换比例相对调整大小
【发布时间】:2015-07-21 18:10:07
【问题描述】:

是否可以让元素(主要元素旁边)调整到它要缩放到的位置?

我的解释可能很糟糕,但这里有一个图像解释。

所以每当我将鼠标悬停在主(中间)元素上时。左侧和右侧的填充将随之缩放。将其视为具有图像的“相对”弹出窗口。

【问题讨论】:

  • 所以你的意思是当你将鼠标悬停在中间元素上时,它会变大一点来表示悬停,并且你希望左右元素稍微移动以补偿增加的大小中间元素?这是正确的理解吗?
  • @samalamma708 没错。每当我将鼠标悬停在中间元素上时,我都希望该元素变大(放大)。但是每当我使用变换缩放效果时,它都会忽略左右边距设置。

标签: resize zooming transform scale effect


【解决方案1】:

跟踪原始的左右边界,例如leftOrigrightOrig。当你扩大规模时,确定你的新边界,leftNewrightNew。现在你要做的就是将左边的元素向左移动abs(leftNew-leftOrig),然后对右边做类似的事情。

【讨论】:

  • 你可能介意给我一个例子,因为我不知道如何确定这些值。每当项目悬停时,我都尝试添加一个新的 margin-right 值,但根本没有给我一个平滑的结果。
  • 如果不了解您的代码结构,甚至您使用的语言,这很难说。您必须为此提供更多详细信息。
  • transform 属性是 CSS3 的一部分。我想用 CSS3 和 JQuery 来解决这个问题。
猜你喜欢
  • 2011-12-14
  • 2011-09-20
  • 2013-02-25
  • 2011-07-15
  • 1970-01-01
  • 1970-01-01
  • 2014-07-21
  • 1970-01-01
  • 2012-08-25
相关资源
最近更新 更多