Сейчас готов кусок html
и css
к нему, но верстка не соответствует макету и непонятно, как сделать hover
при наведении и всплывающую подсказку над тегом.
.tags {
padding: 80px;
width: 380px;
/* Style for "jQuery" */
color: #ffffff;
font-family: Roboto;
font-size: 17px;
font-weight: 300;
line-height: 40px;
}
.tags a {
white-space: nowrap;
/* Style for "Rounded Re" */
width: auto;
border-radius: 13px;
background-color: #090a0b;
padding: 5px 10px 5px 10px;
text-decoration: none;
color: #ffffff;
}
<div class="tags">
<a href="#">Супер тег</a>
<a href="#">Еще один тег</a>
<a href="#">И еще тег</a>
<a href="#">Классный тег</a>
<a href="#">Вот тег последний</a>
</div>
При этом на выходе должно получится облако тегов с возможностью раскрыть его и при наведении hover с подсказкой https://yadi.sk/i/t7ATcCq23SqXoq
:hover
то в чем проблема? тултипы через js