Формулы 3д обектов?

Afafks123132132165, https://www.researchgate.net/figure/Basic-geometri...
эти формулы?

Animejs и промисы. Как сделать перезапуск?

Странных костылей ты навернул с isComplete, загляни в animeTiming.completed, да и вообще в сам объект animeTiming там много полезных флагов уже есть.

Как повторить эффект вращения при наведении на блок?

Дмитрий, https://medium.com/@dtinth/spring-animation-in-css...

На before не отображается картинка в чем может быть пробелма?

url проверь ¯\_(ツ)_/¯

Как разработать слайдер на WEBGL с distortion эффектом?

Или webgl только для анимации используется?

да, он используется только для создания эффекта перехода между картинками.

А то вообще webgl не разбираюсь, думал смогу изучить и ничего не могу понять)

это нормально, webgl сильно отличается привычных браузерный api, если хочешь разобраться в нем то придется приложить усилия.
https://webglfundamentals.org/webgl/lessons/ru/

мне нужен именно слайдер с ...

как и говорил до этого: готового и похожего, который можно было бы быстро переделать под твои запросы мне найти не удалось. Так что придется тебе во все это вникать и разбираться.

Как сверстать такой элемент?

Андрей, Как верстаются блоки со сложным вырезом?

Почему не срабатывает before?

https://stackoverflow.com/questions/14049423/in-cs...

Как вывести координаты элемента?

Kovalsky, ответ почти в конце первой страницы гугла, как ты его вообще нашел?

Можно ли реализовать стрелку, наводящуюся на элемент?

mirti1, да видимо я туплю, убедил, ты прав=)

Можно ли реализовать стрелку, наводящуюся на элемент?

mirti1,

- До того момента, пока этот элемент не окажется на уровне стрелки и ниже, стрелку можно скрыть.

То-то я смотрю какое-то условие странное, должно же быть наоборот)

Как это сверстать чтобы эффект наведения работал корректно?

он работает ужасно, думаю понятно почему.

Потому что сам эффект какашка. ¯\_(ツ)_/¯

Я хочу узнатьк ак правильно такое делать

В ответах Максим Ленский предложил нормальный вариант похожего эффекта
В svg есть разные варианты ховера https://developer.mozilla.org/ru/docs/Web/CSS/poin... Это упростит работу с не прямоугольными блоками, но сильно лучше от этого не станет

Как это сверстать чтобы эффект наведения работал корректно?

песочницу сделай на codepen, а то не понятно в чем проблема

То, что работает на Jquery не работает на JavaScript. В чем разница?

Потому что jquery`ный addClass добавляет класс всем элементам

Adds the specified class(es) to each element in the set of matched elements.
https://api.jquery.com/addClass/

а твоя функция apply_classes только к первому попавшемуся

Почему не работает обрамление текста в SVG?

kocherman, Вот тут можешь посмотреть что уже реализовано из svg2 в firefox. Если там нужная фича есть, то проверяй её поддержку на caniuse.

Как наложить маску?

Александр Мурашкин, размой её по Гаусу, шейдер размытия можешь выдернуть из pixijs, он там хорошо оптимизированный.

Как переносить по блочно (column)?

Анатолий, на всякий случай добавь еще page-break-inside: avoid
caniuse показывает что это должно работать в большинстве браузеров

Как переносить по блочно (column)?

Анатолий, так для break-* их вроде нету. Но ты попробуй, вдруг прокатит.

Как наложить маску?

смиксуй размытую текстуру и неразмытую

vec4 videoColor = texture2D(u_Sampler, uv);
float maskColor = texture2D(u_Mask, uv).r;
vec4 bluredTex = blur(u_Sampler, iResolution.xy, uv);
gl_FragColor = mix(bluredTex, videoColor, maskColor);

Как переносить по блочно (column)?

Анатолий, загляни на caniuse.com даже если и то, то это не кросбраузерно

Как переносить по блочно (column)?

Анатолий, не за что =) мне кажется был способ без втыкания пустых дивов, но увы не помню его