2023年3月31日 星期五

CSS Battle #104 Amegakure

 <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:#37385A;width:240;height:120;border-radius:20px;transform:translate(-50%,-50%)}

div[b]{background:#9897AE;width:200;height:80;border-radius:10px;transform:translate(-50%,-50%)}

div[c]{background:#000;width:10;height:10;border-radius:10px;transform:translate(-85px,-50%);box-shadow:0 -20px #000,0 20px #000,160px 0 #000,160px -20px #000,160px 20px #000}

div[d]{background:#C0C3DB;width:51;height:80;transform:translate(-50%,-50%) skew(-15deg,0deg)}

div[e]{background:#000;width:10;height:50;border-radius:10px;transform:translate(-35px,-50%);box-shadow:20px 0 #000,40px 0 #000,60px 0 #000}

沒有留言:

張貼留言