CSS和Javascript - 使用翻译和缩放进行多次转换

时间:2017-01-12 15:42:40

标签: css

我遇到需要进行多次转换的情况:

transform: translate(50%, 51%) scale(1,1);

当某人滚动网页时,我使用javascript将translate(50%,51%)的值修改为其他值。但是,如果我将鼠标悬停在元素上,我希望CSS将比例修改为scale(1.1,1.1),同时保留javascript设置的任何翻译值。

我想这样做的原因是因为我希望javascript控制translate以实现视差效果。但是我发现javascript onmouseenter和onmouseleave事件没有触发"顺利"够了,因此,我想使用CSS:hover来处理缩放。

这可能吗?

0 个答案:

没有答案