小编ino*_*ino的帖子

在 CSS 中使两个圆圈位于垂直线的顶部

我想让线条顶部的橙色和蓝色圆圈介于两者之间。

.content-wrap {
  border-left: 1px dashed black;
  height: 5em;
  position: absolute;
}

.content-wrap::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  Content: "";
  border: none;
  height: 2px;
}

Run Code Online (Sandbox Code Playgroud)

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="content-wrap">
  <font-awesome-icon class="icon1" fixed-width icon="dot-circle" />
  <font-awesome-icon class="icon2" fixed-width icon="map-marker-alt" />
</div>

Run Code Online (Sandbox Code Playgroud)

电流输出：

参考上图

期望输出：

html css

Phe*_*nix

2020 08-24

5
推荐指数

1
解决办法

153
查看次数

Javascript style.transform = scale(x,y) 动画不起作用

我试图使用该style.transform属性制作动画。目的是循环变换比例属性，并在每轮中稍微增加 x 和 y，但它失败了。我怎样才能达到这个效果？

x = document.getElementById("btn");
x.onclick = function() {
  for (let y = 0; y < 1; y += 0.1) {
    x.style.transform = 'scale(1.' + y + ',' + '1.' + y + ')';
  }
}

Run Code Online (Sandbox Code Playgroud)