[New post] CSS code snippet – How to stilize title property ?

Subash Chandran posted: "/* use for any tag on your page */ [data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } /* box for title text */ [data-title]:after { content: attr(data-title); /* position for title view box */ " New post on Poopcode CSS code snippet – How to stilize title property ? by Subash Chandran /* use for any tag on your page */ [data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } /* box for title text */ [data-title]:after { content: attr(data-title); /* position for title view box */ position: absolute; bottom: -1.6em; left: 100%; z-index: 99999; visibility: hidden; /* optional */ white-space: nowrap; /* stilization */ background-color: #00FF00; color: #111; font-size: 150%; padding: 1px 5px 2px 5px; box-shadow: 1px 1px 3px #222222; opacity: 0; border: 1px solid #111111; } [data-title] { position: relative; } /* on html page in your tags */ /* <a href="example.com" data-title="My site"> Link </a> with styled tooltip (bigger and with a different background color, as requested in the question)<br/> <a href="example.com" title="My site"> Link </a> with normal tooltip */ Read more of this post Subash Chandran | November 2, 2021 at 9:24 am | Tags: <a> element title attribute css, @include title-style in css, a tag containing title attribute css, add css to title attribute, anchor title not showing for small resolutoion why?, bigger title a href, can you change the style of the title text, can you style html title attribute to display ontop, chage title design css, change css based on title attribute, change style div title css, change the style of title attribute of the text tag, change title css html, css a tag with title attribute, css a title attribute includes, css a.title, css based on the title attribute to show title, css button title style, css change attribute title, css change style of icon title-attrute hover, css change style of title, css change title design, css customize title, css default title, css default title style, css div title, css for title, css for title attribute, css for title text, css html title attribute, css html title attribute font size, css html title attribute width, css html title style examples, CSS make title toltip better, css of title atribute, css style for title, css style title, css style title attribute, css style title attribute tooltip, css styles atribute title, Css styling for titles, css title attribute, css title attribute style, css title attribute style css, css title attribute style examples, css title attribute style for textbox examples, css title attribute tooltip, css title specific style, css title stiled, css title stiled css, css title style, css title style examples, css title with tag, css to html title, css tooltip title attribute, custom hoover title css, custom styling for html title, custom title attribute css, custom title css, custom title html css, custom title on hover, custom title style html, custom title tag html, custom title using css, customise default title message in css, customise title tag css, customize global title attribute style, customize html title attribute, customize input title css, customize the title of an html element, customize title attribute in html, data title tooltip css, decorating the title in html, decoration of title using css, div title attribute css, edit design title attribute css, edit style of title attribute css, edit title attribute css, font-family of normal title attribute, format title in css, hover title appearance, how add style to title attributw, how title attribute style to default, how to add css to a title html, how to add css to title attribute, how to apply css to title attribute, how to change color of title attribute in html, how to change font size title attribute of all tags using css, how to change the custom style in title tool tip design, how to change the title style in html, how to custom title tooltip css, how to customize title attribute in html, how to design title attribute in css, how to edit title tag in css, how to edit titlebar in css, How to format titles in css, how to give style to title tag in css, how to make a styled title css, how to make a title attribute style, how to make custom title in html, how to make custom titles in html, how to make titles custom in html, how to overwrite title attribute style using css, how to select title in an anchor in css, how to stilize title property css, how to style a title, how to style a title css, how to style html title attribute, how to style in a title css, How to style the mouse title, how to style the text in title of a div or span, how to style the title attribute, how to style title atribute, how to style title atribute in css, how to style title attribute in css, how to style title in css, how to style title tag in css, how to style title tips in css, how to style title with css, how to style to the title of button, how to style your html title css, html change the style of title attribut inside anchor tag, html css style for title, html css title attribute, html customize span title, html div title style, html element title style, html span title adjust location, html style title, html style title text, html title attribute style, html title css tooltip, html title style, html title style code, html title tag style, html tooltip title style, in-title styling, normal title arrtibute tooltip style, override title attribute html using css, set title attribute position in html, span title ta size and color, style a title css, style button title css, style de title html, style html title attribute, style the span title, style title, style title attribute, style title attribute css, style title html, style title tag, style title text css, styles for a title in div, styles for tiltle attribute, styling the title attribute with css, styling title attribute with css, titile atrribute using style, titl ] on hover css, titla ttribute in css, title attribute css, title attribute font and color, title attribute hover text is anchor, title attribute style change using class, title css tooltip, title customize css local, title format css, title html style, title on hover css, title style css, title style html css, title styling css, title text css, title with style, title with style css, tool tip css style html title, which is the CSS selector for a anchor tag containing the title attribute | Categories: Snippets | URL: https://wp.me/pb9kQA-4jQ Comment    See all comments Unsubscribe to no longer receive posts from Poopcode. Change your email settings at Manage Subscriptions. Trouble clicking? Copy and paste this URL into your browser: https://poopcode.com/css-code-snippet-how-to-stilize-title-property/