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%;
?
2) Есть ещё одна проблема. Мне достался старый проект на PHP 5.2, а phpMyAdmin, зашитый в Open Server, требует версию PHP 5.5. Соответственно, когда я выставляю в профиле версию 5.2, то я не могу запустить phpMyAdmin. Как быть?