Target#5 CSS Battle

Ahoj lidi👋,
Jsem zpět s CSSBattle Série✨!

Tento článek je pro Target#5 "Acid Rain" na CSSBattle

Nejlepší přístup, na který jsem dosud mohl přijít, je uveden níže.

<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

Toto bylo mé nejkratší řešení zhuštěné na 267 znaků.

Zapište svůj způsob, jak udělat totéž.
Zůstaňte naladěni na denní aktualizace týkající se všech výzev na CSSBattle.

Chcete se připojit?

Můžete se se mnou spojit zde