主页 / 问题 / 999806
Accepted
Данил Васильев
Asked:2020-07-06 00:05:33 +0000 UTC2020-07-06 00:05:33 +0000 UTC

像 brazure 一样增加 css

  • 772

如何在 css 代码中实现与浏览器中相同的增加？增加100%的地方有一条红线，看起来一样，我在浏览器增加500%的时候，变成粗体了，请问如何在代码中实现这个增加，让这段代码立即增加500 %?

变换：缩放（2）；不太合适，因为它会增加全长

#circle {
  width: 100vh;
  height: 100vw;
  background-color: red;
  /* Цвет линии */
  color: red;
  /* Цвет линии для IE6-7 */
  height: 2px;
  /* Толщина линии */
}
<div id="circle"></div>

html

2 个回答

  1. Best Answer

    var scale = 1;

circle.addEventListener("wheel", (e) => {
  var delta = e.deltaY || e.detail || e.wheelDelta;

  if (delta > 0) {
    scale += 0.05;
  } else {
    scale -= 0.05;
  }

  circle.style.transform = 'scale(' + scale + ')';

  e.preventDefault();
});
    #circle {
  width: 100vh;
  height: 100vw;
  background-color: red;
  /* Цвет линии */
  color: red;
  /* Цвет линии для IE6-7 */
  height: 25px;
  /* Толщина линии */
}
    <div id="circle"></div>

    如果你将滚轮滚动到线上，它会缩放......如果我理解正确你想要什么......

    • 0

  2. transform:scale(2);不太合适，因为它会增加全长

    transform: scaleY(2);
    • 0

相关问题