Задать вопрос
@Zewkin
Я у мамы фронтэндер

Как это сделано?

113ad16e9d5443ce8038d2f853a5c17c.png
a44b50635e3e4bbebb71e596cc968c32.png
f4781097c26e491590eb6883abd718c9.png

Тултип "треугольничек", который часть изображения. Как?

UPD Я знаю, как сделать треугольник и как его позиционировать, как в треугольнике оказывается нужный кусочек фотографии?
  • Вопрос задан
  • 248 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
  • beONmax
    Курс HTML / CSS
    1 месяц
    Далее
  • Бруноям
    Вёрстка на HTML и CSS
    3 месяца
    Далее
  • Международная Школа Профессий
    Онлайн-курсы HTML и CSS для начинающих
    3 недели
    Далее
  • Stepik
    Основы вёрстки с HTML и CSS
    1 неделя
    Далее
  • beONmax
    Верстальщик сайтов - HTML, CSS, Bootstrap, JavaScript
    1 месяц
    Далее
Решения вопроса 1
@tef
Если это не svg, а это скорее всего svg, то это css обрезка и маски. Читать тут.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Frosty88
@Frosty88
Просто сделали в CSS треугольник, применили к второму блоку, склеили. И потом через hover эффект вывели. Вот так вот. Чистый CSS.
Ответ написан
типо так:
<div class="field">
 <div class="triangle"></div>
 <div class="content"></div>
</div>

а дальше в ход вступает css с позиционированием

А вообще можно при помощи chrome developer tools посмотреть
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы