overflow: hidden;.rotate(-45deg) и увидите, что объект на оси Y находится в нулевой точке. WTF?
portfolio__inner обозначьте центр, вращайте объект типа как колесо – центр всегда на месте. Я обозначил центр с помощью transform-origin: center center, однако в данном случае это не работает.
import { gsap } from "gsap";
const books = document.querySelectorAll(".book");
const allOrganiser = document.getElementById("all-organiser");
const allCup = document.getElementById("all-cup");
const tl = gsap.timeline();
const propsBooks = {
y: -100,
stagger: 0.2,
ease: "power0"
}
if (navigator.userAgent.includes('Firefox')) {
propsBooks.opacity = 0;
} else {
propsBooks.filter = "opacity(0)";
}
tl.from(books, propsBooks) // , "+=2"
.from(allOrganiser, {
duration: 0.6,
x: -50,
autoAlpha: 0,
ease: "power1.out"
})
.from(
allCup,
{
duration: 0.6,
x: 200,
autoAlpha: 0,
ease: "power1.out"
});book некоректно возвращается в первоначальное положение хотя я прописал transform-origin: 100% 100%; ?
blur и input как-то вернуть логическое значение корректно ли заполнено поле. Такого свойства у объекта mask я не нашёл. Зато нашёл unmaskedValue. Ну и дальше типа такого:phone.addEventListener('blur', (e) => {
if(mask.unmaskedValue.length !== 10) {
placeholder.classList.remove("phMove");
}
});opacity, то кнопка будет недоступно.div.message не происходит плавного исчезновения, ведь именно ему присвоено свойство transition: opacity 2s ease-in-out; ?
git reset --hard HEAD^ для мастера и снова замёржить с веткой фичи. Вот и всё.
Зачем пытаться изменить коммит, который уже слит?