相关疑难解决方法(0)

创建一个24个或更高点爆发的"新"尖刺标签

我试图像下面的图像做一个点爆炸的东西:

在此输入图像描述

目前,我已经尝试使用伪元素,但是,我只能生成12点突发并且不能反映图像中显示的内容.

反正是否只用少量元素创建一个点爆发?

以下是我用来尝试此解决方案的代码:

div{
    width:100px;
    height:100px;
    background:grey;
    transform:rotate(45deg);
    margin:50px;
}
div:after{
    position:absolute;
    content:"";
    background:grey;
    width:100px;
    height:100px;
    transform:rotate(135deg);
}
div:before{
    position:absolute;
    content:"";
    background:grey;
    width:100px;
    height:100px;
    transform:rotate(250deg);
}
Run Code Online (Sandbox Code Playgroud)
<div></div>
Run Code Online (Sandbox Code Playgroud)

html css jquery svg css-shapes

15
推荐指数
4
解决办法
1420
查看次数

波浪边框css一圈

有没有一种方法可以使波浪背景变成圆圈。

我可以轻松获得圆形,但不确定如何才能像给定图片中那样获得边框。

<div class="circle-wave">

</div>

.circle-wave {
 cursor: pointer;
 height: 50px;
 width: 50px;
 border-radius: 50%;
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

css css3

2
推荐指数
1
解决办法
251
查看次数

标签 统计

css ×2

css-shapes ×1

css3 ×1

html ×1

jquery ×1

svg ×1