유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

CSS Battles! Recreate an ALIEN EYE with CSS

Syntax

2025. 7. 18.

0

#frontend
  • CSS 배틀에서 radial gradient를 사용하여 외계인 눈을 만들었습니다. 👽
  • HTML 태그를 스타일링하여 요소를 수직으로 중앙에 배치했습니다. ↕️
  • 배경 위치를 조정하여 원을 배치했습니다. 🎯
  • box-shadow를 사용하여 추가적인 원을 만들었습니다. 🔳
  • 투명도를 표현하는 가장 짧은 방법으로 16진수 코드를 사용했습니다. 0️⃣
  • 코드 크기를 최소화하기 위해 불필요한 공백과 세미콜론을 제거했습니다. ✂️
  • radial gradient를 사용하여 복잡한 모양을 효율적으로 만들었습니다. 🎨

Recommanded Videos