Indian Flag

HTML
<div class="play"> <div class="red"></div> <div class="white"> <div class="lines"></div> <div class="lines rotate-45-minus"></div> <div class="lines rotate-45"></div> <div class="lines rotate-90"></div> </div> <div class="green"></div> </div>
SCSS
.play{ width : 50%; margin : 0 auto; margin-top : 20px; border : 1px solid black; .red{ height : 100px; background : #ff9933; } .green{ height : 100px; background : #00FF00; } .white{ width : 100px; height : 100px; border-radius : 50%; margin : 0 auto; border : 1px solid black; display : flex; justify-content : center; } .lines{ height : 100px; width :2px; background : #000; } .rotate-90{ transform: rotate(90deg); } .rotate-45{ transform: rotate(45deg); } .rotate-45-minus{ transform: rotate(-45deg); } }
JAVASCRIPT
Expand for more options Login