반응형 Hover1 [HTML/CSS]:hover로 transition 효과주기 CSS의 transition을 이용해서 마우스를 이미지에 hover 할 때 원형 효과 주는 것을 연습해 보았다. 우선 html에서 배경을 넣을 영역과 텍스트를 넣을 영역을 만들어준다. 텍스트 영역 안에는 큰글씨와 작은 글씨로 나눌 거라 h1태그와 span태그를 사용했다. [html] Tree by Gayouni html은 여기서 끝! 간단하게 만들어볼거라 원 하나만 만들었다. 다음 css에서 배경을 원형으로 바꿔줄 것이다. [css] div.circle { width: 200px; height: 200px; border-radius: 50%; margin: 20px 30px; position: relative; box-shadow: inset 0 0 0 16px rgba(207, 207, 207, 0.6.. 2020. 4. 1. 이전 1 다음 반응형
