노래추천2 [CSS] "네모 애니메이션" 을 만들어봅시다! codepen을 이용해서 🔸데구르르 박스🔸를 만들어봅시다! 귀염뽀짝한 박스를 HTML과 CSS를 이용하고 CSS에 animation 기능을 추가하여 움직이도록 만들어봅시다. See the Pen popping Box by KwonHyehyeon (@kwonhyehyeon) on CodePen. 코드 소스를 알아봅시다.💻 ✔️HTML box하나만 만들면 됩니다. ✔️CSS ∙ linear-gradient : [필수] 시작 색상, 끝 색상 / linear-gradient(방향, 색상1, 색상2 , ..., ) ∙ animation : 이름지정, 애니메이션 시간, linear(일정한 속도로 진행), 무한반복 body { height: 100vh; background-image: linear-gradient(t.. 2022. 8. 29. [CSS] "요소 숨기는 방법" 에 대해 알아봅시다! CSS 요소 숨기는 방법에 대해 알아봅시다! 📎 CSS 요소 숨기기 종류 1. display :none; (애니메이션 X, 영역X) 2. opacity : 0; (애니메이션 O, 영역O) 3. visibility: hidden; (애니메이션 X, 영역X) 4. transform: scale(0); (애니메이션 O, 영역X) 5. width: 0; height: 0; (애니메이션 X, 영역X) : blind ➰display :none; 객체를 안 보이게 하는 첫번째 방법으로, display에 none을 넣어주면 눈에도 안 보이고 자리도 차지하지 않고 숨어있게 합니다. ※ 객체를 안 보이게 하는 display방법 중에 hidden도 있습니다. none과 hidden 의 차이는 공간부분에서 차이가 있는데 no.. 2022. 8. 26. 이전 1 다음
