deals

premiumpacks & css tooltips (33 items)

A compilation of beautifully designed CSS tooltips, integrating attractive looks with a useful variety of purposes and features.

freebies

Microtip is an ultra- lightweight CSS library to create neat looking tooltips developed by Indrashish Ghosh. It just weights 1kb minified and gzipp...

Microtip is an ultra- lightweight CSS library to create neat looking tooltips developed by Indrashish Ghosh. It just weights 1kb minified and gzipped, it's a11y ready, and you can install via CDN, Yarn, and NPM.

Wenk is a Lightweight tooltip written in pure CSS using PostCSS. The minified version is 712 bytes when gzipped. It can easily be styled using data...

Wenk is a Lightweight tooltip written in pure CSS using PostCSS. The minified version is 712 bytes when gzipped. It can easily be styled using data attributes or classes. The tooltip will adjust to fit the content.

A jQuery and CSS tooltip showing an initial button that activates a help menu when you click it. It can contain whatever you wish, although it is r...

A jQuery and CSS tooltip showing an initial button that activates a help menu when you click it. It can contain whatever you wish, although it is recommended for web guided tours and gameplay instructions. The pen was developed by Dario Corsi.

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

A very creative CSS, Javascript and HTML 5 snippet that allows showcasing time and seconds with a clock-like animation, it supports multiple langua...

A very creative CSS, Javascript and HTML 5 snippet that allows showcasing time and seconds with a clock-like animation, it supports multiple languages and it comes in various colors.

Protip is quite a flexible tooltip plugin for both CSS and jQuery that comes with lots of customizing features such as 49 positions, live refresh o...

Protip is quite a flexible tooltip plugin for both CSS and jQuery that comes with lots of customizing features such as 49 positions, live refresh options, gravity, and more.

A CSS3 & jQuery tooltips image map, tooltips can play a big role in your web designs, just use them correctly and they will help you improve user e...

A CSS3 & jQuery tooltips image map, tooltips can play a big role in your web designs, just use them correctly and they will help you improve user experience. We have seen before how to create some good looking CSS3 tooltips and today you'll learn how to create an image map with pins and tooltips.

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

A simple CSS snippet which locates tooltips on different positions. You can locate them on any side (left, right, up and down), the code is really ...

A simple CSS snippet which locates tooltips on different positions. You can locate them on any side (left, right, up and down), the code is really lightweight and can be implemented on any project, making the necessary adjustments. It is free and it was created by Ben Mildren.

This is a set of CSS tooltips that can be shown on the right, left, top and bottom of any element. The color of the tooltips can be changed quickly...

This is a set of CSS tooltips that can be shown on the right, left, top and bottom of any element. The color of the tooltips can be changed quickly, and you can select different types of tooltip with simple attribute. This tooltips are animated and were created by Adobewordpress.

Hint is an attempt to make a mini tooltip library in pure CSS. It does the basic job but still has bugs and lacks some important features. However,...

Hint is an attempt to make a mini tooltip library in pure CSS. It does the basic job but still has bugs and lacks some important features. However, is a nice experiment that allows you to show tooltips in any element's direction, so it integrates seamlessly with your website, blog or mobile app.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

This code snippet, created by Pete Nawara, is a button from which emerges a blue flat tooltip. It was created with the help of LESS and HTML, ...

This code snippet, created by Pete Nawara, is a button from which emerges a blue flat tooltip. It was created with the help of LESS and HTML, which you can modify to integrate on your website or blog.

A bubble that reminds your iOS users to add your web app to their device home screen. It pops up right above bookmark button when the app is loaded...

A bubble that reminds your iOS users to add your web app to their device home screen. It pops up right above bookmark button when the app is loaded. Once the user closes the bubble it stores a localStorage key so that it will not bug them again (unless they clear their browser data).

Aniket has designed a kit of black tooltips in pure CSS using the :after and :before CSS pseudo classes. They are set to be displayed from any dire...

Aniket has designed a kit of black tooltips in pure CSS using the :after and :before CSS pseudo classes. They are set to be displayed from any direction you want, and you can edit it to make them look better. This code was created by YSBDesign.

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social...

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social Conversion Boosting, Mobile Optimizing, Browser Graphical Editors, Opt-In Content Delivery, and so much more! Only 19$!

The original author of the old version of this tooltip is Luis Almeida, who did the design of the tooltip. However, in this version you can see the...

The original author of the old version of this tooltip is Luis Almeida, who did the design of the tooltip. However, in this version you can see the tooltip arrow in the left (previously was at the top) with the same CSS style.

Simon Fremaux shares with us an interesting collection of tooltips and buttons to share the content you create in the main social networks. You can...

Simon Fremaux shares with us an interesting collection of tooltips and buttons to share the content you create in the main social networks. You can find in this freebie a lot of tooltip shapes and tooltip positions, and the best thing: it is supported in all browsers.

This is a simple tool that validates every text you enter on the text input until you got your email right. It is simple, and it validates letter b...

This is a simple tool that validates every text you enter on the text input until you got your email right. It is simple, and it validates letter by letter. Edit the code to improve its design and functionality. This experiment was created by Eric Kidd.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

This is a nice code experiment that shows various positions of tooltips, including top, right, bottom and left. You can grab the code an edit it as...

This is a nice code experiment that shows various positions of tooltips, including top, right, bottom and left. You can grab the code an edit it as you like. This resource was created by Andrew Abogado on Codepen.

This code snippet creates a series of areas showing a tooltip when you put the mouse over each one of them. The tooltip appears and slides smoothly...

This code snippet creates a series of areas showing a tooltip when you put the mouse over each one of them. The tooltip appears and slides smoothly, keeping a flat style, and perfect for integrating in any website. It was created by Conrad Holtzhausen in Codepen using HTML, SCSS and Javascript.

This code snippet shows a cart icon that displays a tooltip with details when putting the cursor over it. It has a nice and simple design, perfect ...

This code snippet shows a cart icon that displays a tooltip with details when putting the cursor over it. It has a nice and simple design, perfect for any e-commerce site. You can manipulate and change the HTML and SCSS codes in order to improve it. It was created by Codepen's user USF.

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

A CSS3 area resembling a hole which displays a tooltip on hover; it is a little slow, but it can be fixed with some code. It is built in HTML and C...

A CSS3 area resembling a hole which displays a tooltip on hover; it is a little slow, but it can be fixed with some code. It is built in HTML and CSS, and it was created by Codepen's user Aris.

CSS Tooltips, despite their limits, are very useful in any context. These tooltips can be located on the right, top, left and bottom side of a link...

CSS Tooltips, despite their limits, are very useful in any context. These tooltips can be located on the right, top, left and bottom side of a link or the element they get attached to. Be sure to edit the code extend their functionality and appearance.

Tooltiper is a set of tooltip embedded menus in to show the user more that one type of information at once. It can be used to display links, images...

Tooltiper is a set of tooltip embedded menus in to show the user more that one type of information at once. It can be used to display links, images and texts, among other features, and they are activated by clicking on them, showing a simple sliding effect on the appearing tooltip.

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and Mor...

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and More, Into Knitting Patterns! Only 9$ (70% OFF)

A nice tooltip made purely in CSS3, and that is shown when the link is hovered. The tooltip is styled wholly with CSS3 properties like gradients, b...

A nice tooltip made purely in CSS3, and that is shown when the link is hovered. The tooltip is styled wholly with CSS3 properties like gradients, box-shadows, text-shadows, border-radius and many more. The code allows easy customization and functionality edition.

A nice online tool for creating tooltip arrows with CSS. It manages the position of the arrow, the color of the tooltip, the border width and color...

A nice online tool for creating tooltip arrows with CSS. It manages the position of the arrow, the color of the tooltip, the border width and color. After you finish, you can grab the code to apply it to your website or blog.

Speech Bubbles Tooltip lets you add tooltips to links using either the value of the link’s title attribute, or rich HTML defined all inside a singl...

Speech Bubbles Tooltip lets you add tooltips to links using either the value of the link’s title attribute, or rich HTML defined all inside a single HTML file and fetched using AJAX instead. The style of the tooltip is modelled after the iconic speech bubble and uses no images, thanks to the CSS triangle technique.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

A set of 8 pop-ups windows inspired by iOS 6's interface. They make use of CSS classes to add arrows, justify text and remove dividers. They come i...

A set of 8 pop-ups windows inspired by iOS 6's interface. They make use of CSS classes to add arrows, justify text and remove dividers. They come in a solid black color and include light shadow effects for styling. Uploaded to CSSDeck by the user Kushagra Agarwal.

This code snippet consists of a few lines of both HTML and CSS to create three compelling flat icons. On hover, each one activates the tooltip whic...

This code snippet consists of a few lines of both HTML and CSS to create three compelling flat icons. On hover, each one activates the tooltip which can display any type of info, like plain text, images and links. They can be fully editable and integrated into any web project.

This is a beautiful set of icons for different applications with a flat and pixel art style, including social and browser logos, fully created in C...

This is a beautiful set of icons for different applications with a flat and pixel art style, including social and browser logos, fully created in CSS so they can adapt to changes within a website, like color variations, effects like shadows and glows, and more. This set was created by Claudio Gomboli and published on Codepen.

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, ...

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, Icon Fonts, 16:9 Aspect Ratio, Intros, Maps, Infographics, Tables, Calendars, Charts, and Much More! Get it for Only $19 (99% Off)

This code snippet creates a simple tooltip in CSS3. It uses the title attribute of the link element to create the tooltip, the content of the toolt...

This code snippet creates a simple tooltip in CSS3. It uses the title attribute of the link element to create the tooltip, the content of the tooltip is fetched by using attr(title) as the content of the :after pseudo element of the link, and the triangle is created using the border trick on the :before pseudo element.

A cool tooltip created with CSS to add some gradients to it. It has regular and hover states, and it can be used in chat apps, or to present comple...

A cool tooltip created with CSS to add some gradients to it. It has regular and hover states, and it can be used in chat apps, or to present complementary information about any element on a website. It was created by JSFiddle users' Piotr and Oskar.

This is a simple registration form text field that resembles Google’s UI.  It also adds a tooltip to show information about the text input whe...

This is a simple registration form text field that resembles Google’s UI.  It also adds a tooltip to show information about the text input when it is clicked. Also, it includes radio and submit buttons. The code, created by Lavi Perchik, can be edited to improve its looks and functionality.

280 Instagram Masks in PSD Format, easy usage, including a tutorial of the process. Delivered in different categories. Normally priced $60, for a l...

280 Instagram Masks in PSD Format, easy usage, including a tutorial of the process. Delivered in different categories. Normally priced $60, for a limited-time only $9 USD!

This is a code experiment about an animated delete icon that activates a modal when clicked, giving the user the option to decide whether to delete...

This is a code experiment about an animated delete icon that activates a modal when clicked, giving the user the option to decide whether to delete an item or not. The code is fully editable so you can style it the way you want. Created by Bobby on Codepen.

This code snippet is an easy way to add an arrow for a tooltip, making it look even more realistic than regular tooltips. It was entirely created w...

This code snippet is an easy way to add an arrow for a tooltip, making it look even more realistic than regular tooltips. It was entirely created with CSS and HTML and can be edited to fulfill any purpose.

This is a link-based tooltip which displays an animated user info card when hovering over the link. This is achieved using the sibling selector (~)...

This is a link-based tooltip which displays an animated user info card when hovering over the link. This is achieved using the sibling selector (~) as the parent selector. The tooltip is styled using basic CSS3 techniques like gradients, multiple box-shadows to render those inner shines, and more.

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $...

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $19 for a limited-time