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 *

11 − three =

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

CSS Compression

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

5+ Great Responsive CSS Frameworks

  • byMark
  • December 3, 2012
Using responsive CSS frameworks developers can speed up the delivery and improve the quality of responsive CSS code. Since responsive web design is in high demand a lot of frameworks have been created to streamline the delivery of high quality mobile-ready websites.
CCSS

Border-radius: create rounded corners with CSS!

  • bySGH
  • May 2, 2012
The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3.
CCSS

Text Resizing With jQuery

  • bySGH
  • November 23, 2011
Want to allow visitors to increase or decrease the text size (font size) on your website? I’m going to show you how - using jQuery (a great JavaScript library).