📚 CSS Battle

총 7편 · 1 / 1 페이지

1. 1.
   [CSSBattle] Css Battle 사이트 알아보기 & Target #1

   online tutorial 영상을 통해 접한 사이트다.

   2021년 10월 9일
2. 2.
   [CSSBattle] Target #2 - Carrom

   같은 요소 4개를 만들고, 4방향으로 퍼뜨리면 되는 문제다.

   2021년 10월 9일
3. 3.
   [CSSBattle] Target #3 - Push Button

   얼핏보면 원을 여러모로 많이 만들어야 하는 풀이로 풀 수도 있다.

   2021년 10월 10일
4. 4.
   [CSSBattle] Target #4 - Ups n Downs

   보자마자 일단 6개의 구역을 나누고, 짝수번째인것의 색상을 바꾸자 라는 생각부터 들었다.

   2021년 10월 10일
5. 5.
   [CSSBattle] Target #5 - Acid Rain

   일단 빗방울 같이 생긴 도형 2개는 box-shadow를 이용해서, 같이 처리하면 될 것 같았다. 문제는 오른쪽 원이었고, border-radius가 달랐기에 새로 하나 만들고, 픽셀로 계산해서 조절해서 넣자 생각을 했다.

   2021년 10월 10일
6. 6.
   [CSSBattle] Target #6 - Missing Slice

   이것도 특이한 아이디어는 없다.

   2021년 10월 10일
7. 7.
   [CSSBattle] Target #7 - Leafy Trail

   동일한 잎 모양의 도형이 3개 반복된다. box-shadow를 이용해서, 간단하게 처리하자!

   2021년 10월 10일