Как лучше всего реализовать данный фон?

Никита Геннадич,

а, то есть transform это гораздо лучше отдельного дива?)

Т.е. вы всё таки знаете минусы лишнего дива вместо псевдика. Уже хорошо.

Но нет, трансформ не лучше.
Лучше просто фоном.
Но если выбирать между псевдо с трансформом и дивом с ним же, то лучше псевдик.

Как лучше всего реализовать данный фон?

position fixed

Ну и зачем там прилипший фон?
Да ещё и дивом сделанный?

z-index (у остальных элементов, очевидно z-index должен быть выше).

Вообще отличный план (Не надо так делать, если есть возможность не делать).

прибитый справа вверху

Теперь откройте на большом мониторе: контент остался по центру, а девушка с пятном улетела вправо.
Покажите результат дизайнеру, пусть плачет.

Нужно записать видео с аудио из браузера. Какой программой?

OBS, Movavi

Как повторить фильтр с фигмы?

Открываете инструменты разработчика. Вкладка Styles. Находите нужное свойство. Кликаете мышкой по значению, стрелками с клавиатуры увеличиваете или уменьшаете значение.
До тех пор, пока не понравится.

Как лучше всего реализовать данный фон?

Псевдоэлемент приходится подгонять постоянно, т.к. "съезжает" словно бы в сторону

Считать от центра. Не важно фон или псевдо.
Либо от правого края и трансформ с %.

Идея экспортировать вместе с девушкой - неплоха, если девушка не меняется.
Только не забудьте сделать варианты для разной плотности экранов и через image-set

Как выровнять текст и картинку внутри ссылки?

oksana_melikhova,
1. Абсолют, с виду, лишний. Иконка ведь внутри ссылки. Флекса достаточно.
2. Если вдруг хочется всё таки абсолютом, то нужно разобраться со значениями. Откуда вылезли 80% и 120% и 40px в паддинге.
Когда эти числа обретут логику, станет нормально.

Типа
left 0
top 50%
translateY -50%
И padding ссылки 100px + 40px = 140px (можно кастомными свойствами)
Так логично.

Но повторю, что разумнее флексом.

Как задать прозрачность изображению?

jjsso, фоном хедеру. Если хедер это весь белый блок.
Либо фоном псевдоэлемента хедера.

Если хедер это только лого с меню, а секция отдельно, то обернуть в div.
Альтернатива - считать высоту псевдика на JS и передавать через кастомное свойство.
Либо гридом, если body целиком грид.

В разметке ему в любом случае делать нечего.

Как задать прозрачность изображению?

jjsso, хоть фигмой, хоть прямо хромом или любимым приложением.

Хромом

Как задать прозрачность изображению?

jjsso, пи-пет-кой!
Ещё раз: не посмотреть цвет в панели, не стили через inspect, а тыкнуть пипеткой.

У вас белый фон, он не меняется, вам не нужна прозрачность или наложение, можно ничего не усложнять.

Как задать прозрачность изображению?

jjsso, что показывает, если тыкнуть в него пипеткой?

Не влезает шрифт в input?

Способы с изменением размера шрифта не предлагать, так как не помогает.

Звучит по меньшей мере удивительно.

Но почитайте ещё про ascent-override, descent-override и line-gap-override

Как задать прозрачность изображению?

jjsso, есть совсем простой вариант.
Экспортируете svg, тыкаете пипеткой в нужные 4 цвета, меняете fill лепесткам.

Как задать прозрачность изображению?

jjsso, а, так это учебный или тестовый макет, судя по комментариям в нём...

но проблема в том , что он мне экспортирует вообще в другом виде

Экспортирует в том виде, в котором попросили. Это будет видно в превью экспорта.
Какой отсюда вывод? Экспортируете не тот слой.

если задать как фон , так вообще все по другому отображается

Вы уж почитайте какие есть свойства фона. Повторения, размер, позиция и т.д.

Как задать прозрачность изображению?

Экспортируйте из макета в том виде, который вам нужен.
Ну и это фон, а не img.

Ответьте на вопрос по информатике?

Ничего не изменилось в дизайне странице.

Ну это смотря куда он попал этими пробелами.
Например, если в путь к стилям, то изменения будут прям конкретные.

Почему offset-path смещает координаты элемента и как это исправить?

ymfront,
в смысле, вы потеряли свойство offset-anchor или transform translate?

Почему offset-path смещает координаты элемента и как это исправить?

Кто кого куда смещает?
https://codepen.io/AnnaSummer/pen/XJbvaEL

Как сделать такой эффект фона на css/js?

werrrrrrr, ну не надо самому рисовать, есть плагины для Фигмы, которые такое делают

Типа этого: https://www.figma.com/community/plugin/95072570969...

Только на фон берите png (не забудьте 2х, 3х), svg будет очень тяжелым, если много кривых.

Как лучше задать размер элемента, + как сделать треугольник в виде плеера?

Я не понимаю как правильно задать ширину как на макете: паддингами или шириной высотой?

Отличное начала при отсутствии самого макета. Надёжно.

треугольник в виде плеера

Может кнопку плеера в виде треугольника?
Гуглится по фигуры на CSS. Делается примерно десятком разных способов.
Самый простой - экспортировать треугольник из макета в svg.

Это очень странная конструкция

<div class="circle__inner">
            <a href="" class="player__button">
           <div class="circle">
            <div class="player__circle">
              <div class="player">

              </div>
            </div>
           </div>
           </a>
           </div>
          </div>

Кнопка плеера делается тегом button и кроме доступно скрытого текста типа "запустить" там внутри ничего не должно быть. Всё остальное стилями.
Может быть не кнопка, а ссылка, которая переведет пользователя куда-то, если отвалится js и что там будет управлять кнопкой.

И основная тема: паддингами или шириной высотой?
1. Для блоков с неизвестным содержимым высоту не задают. Точнее задают очень редко, когда готовы к включению полосы прокрутки при переполнении.
2. Что делает width - ну тут вроде понятно, но нужно знать про box-sizing и нюансы его значений.
3. padding - отступ между краем элемента и содержимым.

Соответственно, нет выбора или то или другое, оно прекрасно работает вместе, если нужно.
Что писать в данном случае неизвестно по причине отсутствия макета.

Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?

Евгений,

Вы можете привести вменяемые аргументы, почему упорно рекомендуете гонять по сети и грузить пользователям более тяжелый формат? Кроме идей "ну поддерживается же" и "никто не запрещал".

я ни чего не рекомендую, это вы занимаетесь глупостями...

Сильный аргумент, впечатлена.