Easy to Use Pure CSS/SCSS Tooltip Library | Tooltip UI

Tooltip UI is a pure CSS / SCSS tooltip library that applies an animated, customizable tooltip popup to an element you select.

tooltip css, jquery tooltip library, js tooltip library, jquery tooltip with html content, jquery tooltip on hover, jquery tooltip css, javascript tooltip on hover

How to make use of it:

1. Download and load the stylesheet tooltip.css within the doc.

<link rel="stylesheet" href="css/tooltip.css" />

2. Attach a tooltip to your factor by defining the tooltip content within the data-text attribute:

<h2 data-text="Tooltip Content">
  Hover Me
</h2>

3. Determine the position of the tooltip popup.

<h2 data-text="Tooltip Content"
    data-text-top>
    Hover Me
</h2>

Pure CSS/SCSS Tooltip Library, Tooltip UI Plugin/Github


See Demo And Download

Official Website(elnatanitzan): Click Here

This superior jQuery/javascript plugin is developed by elnatanitzan. For extra Advanced Usage, please go to the official website.

Related Posts

alert-confirm-prompt-attention-js

Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…

Responsive-FAQ-Accordion-Dropdown

Responsive FAQ Accordion Dropdown In HTML and CSS

How to create responsive accordion Expandable and Collapsible Frequently Asked Questions Elements. Accordion HTML, is an easy and seamless accordion FAQ component built with CSS and HTML…

swiper-touch-slider

Modern Mobile Touch Slider With Acceleration Transitions | Swiper

Swiper is the most modern free mobile touch slider with accelerated device transitions and amazing original behavior. It is intended for use in mobile websites, mobile web…

how-to-create-popup-in-html-with-css

How To Create A Popup in HTML with CSS

How to create popup in html with css – Popup without JavaScript is an elegant pop-up panel component with an animated scale, written in CSS. Have you…

Simple-Popup-Box-In-Vanilla

Simple Popup Box In Vanilla JavaScript | Creativa – Popup

Vanilla JS Popup is a simple library that allows you to create great popups for importing just one JavaScript file. Creativa is a lightweight, easy-to-use, customizable, responsive popup…

Skeleton-Screen-Loading-In-Pure-CSS

How to Create a Skeleton Screen Loading In Pure CSS

Skeleton Screen CSS is a complete set of elements for a hierarchical screen consisting of pure CSS. The source includes scss and compiled thumbnail and non-thumbnail CSS…

Leave a Reply

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