2023年3月31日 星期五

CSS Battle #106 Ryuk's Apple

 <div a></div><div b></div><div c></div><div d></div><div e></div><div f></div><style>body{background:#000}

div{position:absolute;left:50%;top:50%}

div[a]{background:#D4392D;width:100;height:120;border-radius:50%;transform:translate(-20px,-60px) rotate(30deg)}

div[b]{background:#D4392D;width:100;height:120;border-radius:50%;transform:translate(-80px,-60px) rotate(-30deg)}

div[c]{background:#000;width:60;height:70;border-radius:50%;transform:translate(-111px,-54px) rotate(45deg)}

div[d]{background:#000;width:60;height:70;border-radius:50%;transform:translate(-111px,-14px) rotate(45deg)}

div[e]{background:#D4392D;width:10;height:70;transform:translate(-50%,-80px)}

沒有留言:

張貼留言