问题标签 [object-position]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 使用 CSS 调整图像的剪切部分的大小
我试图弄清楚，是否有任何方法可以使用 css 调整图像的剪切部分的大小。在最受期待的版本中，以这种方式调整大小的图像应该保持强加的纵横比。
我正在使用剪辑路径，尝试两种方法（svg & inset()），以及解决对象位置和对象拟合参数，不幸的是我无法达到预期的结果:(
这是我的实际代码。我需要剪切的图像适合图片元素的大小（图片的背景应该被剪切的图像覆盖）
案例研究 https://imgur.com/DR9Lrng
css - 有没有办法定位 img 标签对象位置 x 和 y？
我已经包含了我的 codepen 作为示例。我需要让图像随光标移动。是否有像 object-position Y 这样的属性或我可以使用的东西？
我知道我可以做背景位置 x 或 y ，但为什么不做对象位置 X 或 Y 呢？
css - CSS 值更改触发的 CSS 动画
当 CSS 属性发生变化时，CSStransition可用于触发 CSS 属性的动画。CSSanimation可用于同时为多个属性设置动画。
有没有办法将这些结合起来，这样当某些 CSS 属性发生变化时，它不仅会触发animation自身，还会触发其他属性？
我的具体用例如下：我有一堆小图像，我将它们组合成一个大图像，并object-position用来显示它的各个部分。我想创建一个 CSS 动画，这样当我更改 时object-position，图像opacity首先会变为 0%，然后object-position会更改，然后opacity会回到 100%。我可以轻松地将其表述为animation，但我不知道如何从object-position更改中触发它。