maratakbutin

SVG + 2 маски, одна пропорционально растягивается, другая непропорционально. Отрицательным margin загнать секции одна на другую.

Что бы работало как stroke-dasharray нужно рисовать эту линию обводкой (stroke). Есть еще вариант: использовать paht с заливкой (fill) как clipPath, для линии с обводкой и опять же эту обводку анимировать через stroke-dasharray.

Можно с помощью ScrollMagic

на SVG вырез можно сделать хоть в форме котенка

Рисуешь одну картинку поверх другой, к верхней применяешь маску. Для этого подойдёт svg либо canvas

А шо, наличие атрибута как-то спасёт от того, чтобы не положили сервер?
Открою вам тайну: любую проверку на Front-End можно обойти.
Если целью будет положить сервер, то уж точно не таким образом его будут класть.

убери return true; при успешной отправке в телегу. ну или поменяй местами отправку в телегу и на почту

Использовать кириллическое название почтового ящика крайне не советую, с ними много проблем при настройке.

Для создания ящика, Вам необходимо сначала создать почтовый домен в разделе "Почтовые домены". Справа сверху пункт "Добавить", если список в центре экрана пуст.

После Вы можете зайти в раздел "Почтовые ящики" и создать необходимый Вам почтовый ящик.

Для работы с Вашим почтовым ящиком используете RoundCube. Для входа используются логин: login@reason.kz и заданный Вами пароль в предыдущем пункте. Яндекс почту подключить можно, но объяснений займет дольше.

Если у Вас остались вопросы - задавайте, отвечу на любой :)

html{
   scroll-behavior: smooth;
}

и будет плавно

Есть *иконка* черного цвета,

Было бы лучше, если бы вы приложили код файла этой иконки, чтобы на Вашем примере можно было показать решение.

но что делать, если мне нужна она белого цвета

Открыть svg-файл с помощью графического редактора или редактора кода и изменить цвет

Можно как то изменить цвет ?

Можно. В основном, цвет SVG-элементов задаётся через атрибут/свойство "fill", иногда через атрибут/свойство "stroke". В зависимости от типа фигуры.

Повторюсь, что если приложите код файла иконки, смогу показать решение на Вашем примере.

Update
Вот Вам код svg-файла с белым цветом значка

<svg height="34" viewBox="0 0 24 24" width="34" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" fill="#fff"/></svg>

А вот он же, но закодированный в Base64 (в котором Вы предоставили пример)

data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=