Tooltips can be attached to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip, only it can be styled as below. Tooltips are useful for things like form elements and tables, to show additional or helpful information.

Note: All CSS shown is for guiding purposes, it's not absolute. It's intended to help designers foster a greater understanding of both CSS and the specifications.


/* Tooltip */
background-color: rgba($black50,0.94);
padding: 15px;
min-width: 150px;
font-family: Helvetica;
font-weight: bold;
font-size: 11px;
line-height: 18px;
color: $white;
border-radius: 3px;
text-align: left;

results matching ""

    No results matching ""