gpt4 book ai didi

javascript - 反转部分图像的颜色 - HTML、CSS、JS

转载 作者:太空宇宙 更新时间:2023-11-04 04:56:10 24 4
gpt4 key购买 nike

有没有办法只反转图像的一部分?我有一个“选择器栏”之类的东西,我希望被选中的图标被反转。不幸的是,当栏过渡到不同的选择时,这看起来非常糟糕,因为图标会立即改变颜色。 “选择器”应在过渡时沿栏滑动。

可以找到我所说的简单示例 here

我现在能想到的最佳解决方案是在选择器元素上放置一个新的倒置图像,然后将图像移动到选择器移动的相反方向。这会给人一种错觉,即被覆盖的图像切片是倒置的。这真的是最好的方法吗?

最佳答案

创建一个宽度和高度为零的元素,outline: 8px solid invert。然后用你的选择器移动这个元素,这将反转它通过的东西。

关于javascript - 反转部分图像的颜色 - HTML、CSS、JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12431710/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com