tooltip1 CSS - 툴팁 삼각형 화살표 만들기 CSS 로 툴팁을 만들어보자. 여태까지 툴팁을 두어번정도 만들어봤다. 텍스트가 들어가는 말풍선 부분을 만들기는 쉬운데, 삼각형 화살표를 만들기가 조금 까다롭다. 그래서 기록해본다. (미래의 나는 여전히 해멜 것을 알기에... ) 결과화면 미리보기 아래처럼 배경색이 들어간 툴팁을 만들어 보자. JavaScript - CSS 툴팁 삼각형 화살표 만들기 HTML ! 툴팁입니다 ! CSS 가상요소인 after 속성을 이용해 삼각형 부분을 표현하였다 .tooltip {// 몸통 부분 background-color: #7689fd; border-radius: 6px; color: #fff; font-size: 12px; font-weight: 500; height: 31px; letter-spacing: -0.25.. 2021. 9. 30. 이전 1 다음 반응형
