<a href="#" data-title="attr() fonksiyon değeri seçilen elemanın bir özniteliğini(attribute) almak ve css içinde kullanmak için kullanılır. " class="tooltip">attr() Değeri</a>
.tooltip{
		display: inline;
	position: relative;
}

.tooltip:hover:after{
	background: #333;
	background: rgba(255,0,0,.8);
	border-radius: 5px;
	bottom: -52px;
	color: #fff;
	content: attr(data-title);
	left: 20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 420px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.