CSS Japan Flag

Flag of Japan japan flag

HTML
<div class="flag japan"></div>
SCSS
.japan{
  height: 100px;
  width: 180px;
  background: #FFF;
  position: relative;
  &:after{
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #bd002e;
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
}

DEMO

View Demo
991 Views
65380cookie-checkCSS Japan Flag

Leave a Reply

Your email address will not be published. Required fields are marked *