与贴纸角落的Css圈子图象

时间:2016-08-02 11:36:17

标签: css responsive

Css Image Circle with sticker

我想用这样的贴纸角落制作css corder(响应)。请帮我 !感谢。

1 个答案:

答案 0 :(得分:-2)

我做到了:

<div style="width:100%;height:500px;position:relative;">
  <img style="position:absolute;width:20%;left:50%;" class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" />
  <img class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" />
</div>

和css:

img.rd100
{
    width:100%;height: auto;
}

这里有一个小提琴:https://jsfiddle.net/kgcd4dLn/3/

您只需为其他贴纸添加其他圆圈。

祝你好运:)