반응형
안녕 얘들아,
저는 CSSBattle Series로 돌아왔습니다!
이 기사는 CSSBattle의 Target #5 "Acid Rain"에 대한 것입니다.
지금까지 제가 할 수 있는 최선의 방법은 아래와 같습니다.
<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
이것은 267자로 응축된 나의 최단 용액이었다.
같은 방법으로 당신의 코멘트를 적어보세요.
CSSBattle의 모든 과제에 대한 일일 업데이트를 위해 채널을 고정해 주십시오.
연결하시겠습니까?
여기서 저와 연결하실 수 있습니다.
'css' 카테고리의 다른 글
개발자로서 디자인에 대한 당신의 생각 (0) | 2022.02.19 |
---|---|
웹 사이트에 대한 사용자 지정 커서 만들기 (0) | 2022.02.19 |
이 작은 SVG 트릭으로 다음 웹 애플리케이션을 과급하세요. (0) | 2022.02.19 |
14 코데펜이 당신을 날려버립니다! (0) | 2022.02.19 |
5 gratuitos 파라 프라티카 CSS (0) | 2022.02.19 |
댓글