css @규칙1 CSS tooltip, form, @, scroll tooltip 효과 어떤 요소에 마우스를 올리면 추가적인 정보가 나타나게 하는 효과를 툴팁(tooltip) 효과라고 한다. CSS를 이용하면 이러한 툴팁 효과를 간단히 설정할 수 있다. 다음 예제는 visiblility 속성을 이용하여 툴팁 효과를 구현하는 예제이다. .tooltip { position: relative; display: inline-block; } .tooltip .tooltip-content { visibility: hidden; width: 300px; background-color: orange; padding: 0; margin-top: 10px; color: white; text-align: center; position: absolute; z-index: 1; } .toolt.. 2020. 10. 25. 이전 1 다음
