小编Kal*_*lim的帖子

我想从下面的图像点后点动画,但我的问题是图像的弯曲部分(图像的底部).

在开始时,应隐藏所有点,然后逐个动画到视图中逐个点.

我有以下代码:

<div id="dots1"></div>

#dots1 {
    -moz-transition: height 1s linear;
    -o-transition: height 1s linear;
    -webkit-transition: height 1s linear;
    transition: height 1s linear;
    position: absolute;
    left: 50%;
    z-index: 1;
    margin: 0 0 0 -1px;
    width: 3px;
    height: 0;
    background: url(image/pic.png) 0 0 no-repeat;
}

我想创建下图所示的边框：

我已经写了这段代码

<p>Some Text</p>

p{
  -webkit-transform: perspective(158px) rotateX(338deg);
  -webkit-transform-origin: right;
  border: 2px dashed red;
}

但是此代码不会返回我期望的输出，并且与图像有所不同。我想像图像一样倾斜左边框的顶部。边界角。如何创建带有附加图像样式的边框？谢谢