TiTi TiTi - 1 year ago 138
CSS Question

Css Circle image with sticker corner

Css Image Circle with sticker

I want to make css corder with sticker corner like this (responsive). Please help me ! Thanks.

Answer Source

I made that :

<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" />

and the css :

    width:100%;height: auto;

here a fiddle : https://jsfiddle.net/kgcd4dLn/3/

You just have to add other circle for other stickers.

Good Luck :)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download