{"id":2539,"date":"2019-08-30T09:52:33","date_gmt":"2019-08-30T08:52:33","guid":{"rendered":"https:\/\/solidt.eu\/site\/?p=2539"},"modified":"2019-08-30T09:54:42","modified_gmt":"2019-08-30T08:54:42","slug":"css-tooltip","status":"publish","type":"post","link":"https:\/\/solidt.eu\/site\/css-tooltip\/","title":{"rendered":"CSS Tooltip"},"content":{"rendered":"\n<span class=\"a-tooltip with-dots\">\n    Hover me\n    <span class=\"tooltiptext left\">\n        Line 1\n        <br> Line 2\n        <br> Line 3\n    <\/span>\n<\/span>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;span class=\"a-tooltip with-dots\">\n    Hover me\n    &lt;span class=\"tooltiptext left\">\n        Line 1\n        &lt;br> Line 2\n        &lt;br> Line 3\n    &lt;\/span>\n&lt;\/span><\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.a-tooltip {\n\tposition: relative;\n\tdisplay: inline-block;\n}\n.a-tooltip .tooltiptext {\n\tvisibility: hidden;\n\twidth: 250px;\n\tbackground-color: black;\n\tcolor: #fff;\n\ttext-align: center;\n\tborder-radius: 6px;\n\tpadding: 5px;\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 50%;\n\ttransform: translate(0, -50%);\n\tleft: 100%;\n\topacity: 0;\n\ttransition: opacity 0.5s ease;\n}\n.a-tooltip .tooltiptext::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 50%;\n\tright: 100%;\n\tmargin-top: -5px;\n\tborder-width: 5px;\n\tborder-style: solid;\n\tborder-color: transparent black transparent transparent;\n}\n.a-tooltip:hover .tooltiptext {\n\tvisibility: visible;\n\topacity: 1;\n\ttransition: opacity 0.5s ease;\n}\n.a-tooltip .with-dots {\n\tborder-bottom: 1px dotted black;\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Hover me Line 1 Line 2 Line 3<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2539","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/2539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/comments?post=2539"}],"version-history":[{"count":3,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/2539\/revisions"}],"predecessor-version":[{"id":2542,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/2539\/revisions\/2542"}],"wp:attachment":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/media?parent=2539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/categories?post=2539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/tags?post=2539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}