@dimonTkachev

Как реализовать такую анимацию?

Добрый вечер, подскажите как реализовать такую анимацию? прикрепляю ссылку на гифку ниже
www.picshare.ru/view/7778894
  • Вопрос задан
  • 147 просмотров
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Есть блок, на фоне фото. С помощью псевдо элемента :after создаем геометрические фигуры, которые перекрывают фон.
А если надо изысканнее и красивее - можно использовать svg.
Ответ написан
Комментировать
@maxnrg33
верстальщик
бред, а не анимация.. ни к чему совсем

примерно делается так:
1. создаём блок с position: absolute, transform: rotate(45deg) - в него же помещаем картинку transform: rotate(-45deg)
2. псевдо элемент :after (белый треугольник)
3. на ховер transform: rotate(0) translateX(-50px). у картинки transform: rotate(0)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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