패턴이 반복되는 이미지를 배경 이미지로 사용할 경우 코딩하는 방법을 알아봅시다. background-size는 contain으로 가로, 세로 원본비율로 설정되는 것으로 이미지 전체가 보여지도록 설정이 됩니다. 이때 부모 div의 크기에 따라서 이미지가 전체에 꽉 들
.btns > type="poc" { margin: auto; background-color: color: }.btns { position: relative; display: flex; align-items: center; jus

메가게임잼 2022년 사이트 클론 코딩 중,border-color에 그라데이션 넣는 방법이 먹히지 않아서 구글링을 하던 중 괜찮은 방법을 찾아서 작성하게 되었다.border는 투명(transparent)로 지정하고,참고사이트https://velog.io/@dl

htmlcssarrow를 before와 after로 두 개 만든 후,hover 하기 전과 후, 좌표수치 부여위와 동일하게 arrow를 before와 after로 두 개 만든 후,hover 하기 전과 후, 좌표수치 부여infi라는 keyframes으로 transform
🧐 transition참고 사이트1.The transition-timing-function Propertyhttps://www.w3schools.com/css/tryit.asp?filename=trycss3_transition_speed2\. transiti
bos-shadow와 border-radius를 같이 주지않으면하단 이미지와 같은
업무 중에 아이콘 클릭 시, 하단으로 이동하는 이도https://megazone.com/cn/htmlcsscss에서는 아래와 같은 요소를 넣어준다.scroll-behavior : smooth;요소는 html에만 들어가야만 작동할 수 있다.참고사이트https&#
position: absolute;z-index: 1;https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_text

텍스트 양이 많을 때, 말 줄임표로 표기하는 경우가 많은데, 한 줄일 경우와 두 줄 이상일 때 설정하는 방법이 각각 다르다.
텍스트 밑줄 간격 늘리는 방법