Як зробити тултип?

Базова підказка HTML: Використовуйте елемент контейнера (наприклад, <div>) та додайте до нього клас "tooltip" . Коли користувач наводить курсор цього <div>, він покаже текст підказки. Текст підказки міститься всередині вбудованого елемента (наприклад, <span>) з class="tooltiptext" .

Як зробити спливаючу елемент CSS?

Для цього скористаємося псевдоелементом ::after, до якого додаємо content: attr(data-title). Вийде, що після вмісту елемента з класом photo виводитиметься текст з атрибуту data-title, що нам і потрібно.