CSS-анимация: перемещение элемента div с полями ⇐ CSS
-
Anonymous
CSS-анимация: перемещение элемента div с полями
У меня есть элемент div с полями. Мне нужна анимация моего элемента, например сворачивающегося окна/программы, с использованием кубической кривой Безье.
Можно ли использовать анимацию по x, y, перемещению по окну браузера. например:
@keyframes x{ к { слева: 50vw; } } Или мне следует анимировать поля (путем изменения значения) таким образом?
П.С. вот CSS-код
.calculator { маржа: 8vh авто; высота: 70вх; ширина: 50вх; граница: 0,25vh, сплошной #000; граница-радиус: 3vh; фон: rgba(0, 0, 0, 0,67); цвет: #fff; семейство шрифтов: «Helvetica», «Tahoma», без засечек; коробка-тень: 1,5vh 3vh 3vh rgba(0, 0, 0, 0,47); }
У меня есть элемент div с полями. Мне нужна анимация моего элемента, например сворачивающегося окна/программы, с использованием кубической кривой Безье.
Можно ли использовать анимацию по x, y, перемещению по окну браузера. например:
@keyframes x{ к { слева: 50vw; } } Или мне следует анимировать поля (путем изменения значения) таким образом?
П.С. вот CSS-код
.calculator { маржа: 8vh авто; высота: 70вх; ширина: 50вх; граница: 0,25vh, сплошной #000; граница-радиус: 3vh; фон: rgba(0, 0, 0, 0,67); цвет: #fff; семейство шрифтов: «Helvetica», «Tahoma», без засечек; коробка-тень: 1,5vh 3vh 3vh rgba(0, 0, 0, 0,47); }
Мобильная версия