0
Shares
0
0
0
0

Tooltips are usually created and triggered with JavaScript. But, CSS is now powerful enough to handle a simple tooltip functionality itself. Hint.css is a tooltip library that is built with SASS and only uses CSS + HTML.

The library uses

data

attribute,

content

property, pseudo elements and CSS3 transitions.

Hint.css

Tooltips are simple-yet-good looking, has arrows and can be positioned on any side of the parent element.

And, they don’t have to be visible only when hovered but can be set as “always showing” too.

Compatibility: All Modern BrowsersWebsite: https://kushagra.dev/lab/hint/
Download: https://github.com/chinchang/hint.css

0 Shares:
Share 0
Tweet 0
Pin it 0
Share 0
Share 0
Share 0
Share 0

Always love experimenting with new stuffs.

Leave a Reply

Your email address will not be published. Required fields are marked *

16 − one =

This site uses Akismet to reduce spam. Learn how your comment data is processed.

— Previous article

20+ Stunning Creative Wallpapers

Next article —

Simple Icons - A Complete Set Of Beautiful And Free Social Icons

You May Also Like
CCSS

Remove unused CSS

  • bySGH
  • November 20, 2011
Often we think of using some class or id within a CSS but later on decide not to use them finally. But several times we forget to delete those classes from the CSS file. This may not be a problem for sites where the use of CSS is very less. But this may be accountable for much junk lines within your CSS which are unnecessary and unwanted.
CCSS

Detect screen size with jQuery and apply a CSS style

  • bySGH
  • November 23, 2011
Sometimes we need to format the content differently according to the screen resolution of the user. One of the ways to do this is to simply detect the screen width using the screen.width property and change the stylesheet.
CCSS

CSS Compression

  • bySGH
  • November 25, 2011
In this article we provided two practical methods for compressing CSS documents.