Hey guys👋,
I am back with the CSSBattle Series✨!
This article is for Target#5 "Acid Rain" on CSSBattle
The best approach I could come up till now is stated below.
<p id="a"><p><p id="b">
<style>
body{margin:74 20;background:#0B2429;
display:flex}
p{
width:120;height:120;
background:#998235;
border-radius:50% 0 50% 50%}
#a,#b{
background:#F3AC3C;
transform:translate(60px,60px)}
#b{
transform:translate(-60px,-60px) rotate(180deg);z-index:-1
This was my shortest solution condensing to 267 characters.
Comment down your way of doing the same.
Stay Tuned for daily updates regarding all the challenges on CSSBattle.
Top comments (0)