JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://tympanus.net/Development/TooltipStylesInspiration/css/normalize.css">
<link rel="stylesheet" href="http://tympanus.net/Development/TooltipStylesInspiration/css/demo.css">
<link rel="stylesheet" href="http://tympanus.net/Development/TooltipStylesInspiration/css/tooltip-classic.css">
<div class="dummy dummy-text">
<p>Tesseract, finite but unbounded take root and flourish, rogue laws of physics, star stuff harvesting star light, encyclopaedia galactica are creatures of the cosmos the only home we've ever known ship of the imagination prime number courage of our questions.</p>
<p>Kindling the energy shown in Orion's sword, rich in heavy atoms shores of the cosmic ocean kindling the energy <span class="tooltip tooltip-effect-3"><span class="tooltip-item">Euclid</span><span class="tooltip-content clearfix"><iframe src="http://tympanus.net/"></iframe></span></span></span> hidden in matter. Emerged into consciousness paroxysm of global death? Shores of the cosmic ocean. Globular star cluster a still more glorious dawn awaits. Extraordinary claims require extraordinary evidence citizens of distant epochs with pretty stories for which there's little good evidence. </p>
<p>Prime number <span class="tooltip tooltip-effect-4"><span class="tooltip-item">quasar</span><span class="tooltip-content clearfix"><img src="img/Quasar.png" /><span class="tooltip-text"><strong>Quasars</strong> are believed to be powered by accretion of material into supermassive black holes in the nuclei of distant galaxies, making these luminous versions of the general... <a href="http://en.wikipedia.org/wiki/Quasar">Wikipedia</a></span></span></span> courage of our questions kindling the energy <span class="tooltip tooltip-effect-5"><span class="tooltip-item">Euclid</span><span class="tooltip-content clearfix"><span class="tooltip-text"><strong>Euclid</strong>, also known as Euclid of Alexandria, was a Greek mathematician, often referred to as the...