Как получить такую svg (из png) в фигме?

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

Почему человек узнал все обо мне по фейковой закрытой странице в вк? Как такое возможно?

Qwertygirl, симка на твое имя оформлена? Сам телефон пробовала сменить? А то "нет вирусов, я проверила телефон" это еще не значит, что их нет.

Почему амперсант в SCSS имеет меньшую спецификацию?

MoffunW, нет, он всегда так компилится https://sass-lang.com/documentation/style-rules/pa...
Скорее всего у тебя медиа-запросы написаны выше селекторов, т.е.

@media (...) {
  .selector {}
}
.selector {}

а должны быть ниже:

.selector {}
@media (...) {
  .selector {}
}

Как сделать такую анимацию смены слайдов?

Alexander Shalimov,
1) в шейдер передаются 2 текстуры (картинки) uT0 и uT1 и значение uProgress, которое пробегает от 0 до 1. В результате и происходит анимированный переход. Что бы добавить больше слайдов нужен массив текстур которые будут попарно передаваться в uT0 и uT1, при этом значение uProgress должно заново пробегать от 0 до 1.
2) если не менять значение uProgress, то анимация приостановиться. Либо можно использовать метод PIXI app.stop()

Почему при попытке задания style.backgroundColor выдаёт warning?

Altereyo, оно и в css через background-image работает.

Почему при попытке задания style.backgroundColor выдаёт warning?

element.style.backgroundColor = color
element.style.backgroundImage = color

Как инициализировать несколько слайдеров Swiper?

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Можно ли средствами Canvas, фигурно обрезать изображение?

https://developer.mozilla.org/en-US/docs/Web/API/C...

С помощью какого плагина можно сделать такой слайдер?

Как сделать такой слайдер (в виде стопки) на Swiper?

Как двигать элементы на фоне svg / canvas после наведения курсора мыши?

Владимир, поправил. У svg должны быть атрибуты width и height.

Задачку по JS такую как решить?

function getNum() {
  const num = Math.floor(Math.random() * 10);
}
getNum = new Function(getNum.toString().match(/^.+\{\s*(.*)\s*\}.*$/)[1] + ';return num;');
console.log(getNum());

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

Задачку по JS такую как решить?

Math.random = () => 42;

function getNum() {
  const num = Math.floor(Math.random() * 10);
}

getNum();
console.log(420);

Как правильно перезапустить канвас на клик кнопки?

Alice777, пожалуйста=)

Как правильно перезапустить канвас на клик кнопки?

Alice777, https://codesandbox.io/s/vibrant-goldberg-q9ww4
в песочнице оно криво работает, поэтому лучше запускать у себя на локальном сервере.

Как правильно перезапустить канвас на клик кнопки?

Alice777, скорее всего как-то так:

titleAnim.ParticlesText.app.destroy(true, { children: true, texture: true, baseTexture: true })

можно не дестроить пиксю, а просто приостановить https://pixijs.download/release/docs/PIXI.Applicat...
Суть в том, что при уходе со страницы барба удаляет канвас из DOM, но pixi продолжает работать. При возвращении создается новый инстанс pixi (при этом старый продолжает работать) отсюда и просадка по фпс.
Что бы все работало как нужно:
При заходе на страницу проверить есть ли инстанс titleAnim, если нет, то создать его и вставить канвас в DOM

document.querySelector("#content-canvas").append(titleAnim.ParticlesText.app.view);

, если есть, то просто вставить канвас в DOM и запустить pixi titleAnim.ParticlesText.app.start()
При уходе со страницы вызвать titleAnim.ParticlesText.app.stop()

Как правильно перезапустить канвас на клик кнопки?

Alice777, попробуй перед уходом со страницы прихлопнуть pixi https://pixijs.download/release/docs/PIXI.Applicat... , а при возвращении заново создать new titleParticle()

Как правильно перезапустить канвас на клик кнопки?

Alice777,

канвас очищался полностью (удалялся)

так очищался или удалялся? Канвас внутри data-barba="container" или за его переделами?

Не могли бы помочь с заданием?

Ну хотя бы так поправь:

.main {
- min-height: 100vh;
+ height: 100vh;
}

.pyramid__observer {
  overflow: auto;
- width: 100%;
- max-height: 1200px;
+ display: flex;
}

.pyramid {
- display: flex;
- flex-direction: column;
- justify-content: center;
- flex-basis: 80%;
- min-height: 100%;
+ margin: 0 auto;
}

Как сделать такой слайдер?

LolExtasy, пожалуйста=)

Где взять похожий скрипт?

jamtuson, я бы не сказал что это продвинутая анимация. А чтобы научиться нужно понять простую суть всех анимаций https://www.youtube.com/watch?v=Jhx_29mVDO4 Также у этого чувака есть много интересных стримов с реально продвинутыми примерами https://www.youtube.com/channel/UCDo7RTzizoOdPjY8A...