https://codepen.io/guldus/pen/RzQZmm?editors=1100 https://codepen.io/guldus/pen/RzQZmm?editors=1100 HTML <div class='circle'> <div class='circle-mood'></div> <span class='line-short'></span> <span class='line-long'></span> </div> CSS .circle{ width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .circle-mood{ width: 100%; height: 100%; border: 15px solid red; box-sizing: border-box; border-radius: 50%; transition: .5s; cursor: pointer; } .clicked{ border: 50px solid green; } .line-short, .line-long{ position: absolute;... Continue Reading →
Animation Checkbox
TrueCodes 