#javascript #css #canvas #html5-canvas
#javascript #css #холст #html5-холст
Вопрос:
Когда вы нажимаете на меню гамбургера, появляется меню. При наведении курсора мыши на текст справа фотография слева изменяется с эффектом. Мой вопрос: как добиться этого эффекта. Ссылка на страницу: https://delcambio.me/en/gruppo/home
Я проверяю этот элемент и обнаруживаю, что это canvas, но я не знаю, как добиться этого эффекта.
Комментарии:
1. Это разновидность деформации, создаваемой путем разрезания изображения по горизонтали на множество частей и размещения анимации этих частей на сцене. Вы можете использовать canvas для выполнения как нарезки, так и анимации. Проверьте context.drawImage .
Ответ №1:
Это не стандартный эффект, который браузеры имеют из коробки. Они проделали серьезную собственную работу для его достижения. Вполне возможно, это связано с WebGL, хотя я не знаю. Я также не знаю, есть ли у этого эффекта имя (вероятно, нет), поэтому я не могу указать вам какое-либо направление.
Мой совет — внимательно изучить их веб-страницу. Это определенно делает Javascript, поэтому проверяйте обработчики событий и исходные коды Javascript, пока не найдете то, что ищете. Извините, это не будет быстро и легко.