CSS 툴팁(tooltip) 효과

툴팁(tooltip) 툴팁(tooltip) 효과 해당 요소에 마우스를 올리면 추가적인 정보가 나타나게 하는 효과를 툴팁(tooltip) 효과라고 합니다. CSS를 이용하면 이러한 툴팁 효과를 간단히 설정할 수 있습니다. 다음 예제는 visiblility 속성을 이용하여 툴팁 효과를 구현하는 예제입니다. 툴팁 효과 여기에 마우스를 올려보세요! 마우스를 올려야 나타나는 툴팁입니다! CSS를 이용하면 툴팁(tooltip)이 나타나는 위치 설정 CSS의 상대적 위치를 나타내는 top, right, bottom, left 속성을 이용하여 툴팁의 상대 위치를 설정할 수 있습니다. 다음 예제는 툴팁이 해당 요소의 아래 쪽이 아닌 왼쪽에 나타나도록 구현한 예제입니다. 툴팁이 나타나는 위치 설정 여기에 마우스를 올려보세..

원문링크 : CSS 툴팁(tooltip) 효과