::before1 [HTML, CSS] 하트 만드는 방법 - before, after HTML 삽입 미리보기할 수 없는 소스 CSS로 하트 만들기 간단하지만 잘 안 되는 하트 만들기. 가상요소 ::before와 ::after 그리고 border-radius와 transform 속성을 활용합니다. ::before 요소의 앞에 가상의 자식 요소를 생성합니다. ::after 요소의 뒤에 가상의 자식 요소를 생성합니다. 가상 요소 before와 after는 각각 하트의 봉우리가 됩니다. 구현 HTML 삽입 미리보기할 수 없는 소스 1. heart 클래스에 ::befor와 ::after를 추가합니다. .heart { width: 300px; height: 300px; background: #ea2027; } .heart::before { content: ""; width: 300px; height.. 2023. 12. 28. 이전 1 다음
