Вопросы на собеседовании Css Transforms

Изучите нашу коллекцию (Топ-100) часто задаваемых вопросов по теме css-transforms при собеседовании на работу и будьте во всеоружии.

1Я пытался использовать «Transform translate» для центрирования div, но мой div находится вверху страницы, чем в центре

2CSS повернутая граница div показывает странный контур

33 ссылки анимируются при наведении курсора, а 1 - нет

4Преобразование CSS не применяется к элементам, выбранным с помощью :nth-child()

5Css z-index и трансформируйте странную вспышку

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

7Элемент, повернутый на 180 градусов, оказывается позади других элементов

8Отрывистый переход CSS-преобразования в боковое меню в Chrome

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

10CSS-переходы в пунктах меню не работают

11Как обойти анимированный элемент, отображаемый в виде черного квадрата (ошибка Chrome)?

12Модальное скольжение снизу вверх в Bootstrap 4

13Как выровнять элементы в столбцах Bootstrap в разных браузерах

14Как создать форму леденца, укладывая div по кругу?

15Как сделать переворот кольца/обруча при прохождении через него мяча?

16Как центрировать повернутый прямоугольник в его верхнем левом исходном месте

17Изменить цвет текста с черного на белый при перекрытии bg

18Сбой анимации преобразования CSS

19Почему применение CSS-фильтра к родительскому элементу нарушает дочернее позиционирование?

20Можно ли обрезать сторону DIV с помощью CSS?

21Css переход для перехода страницы не запускается

22Центрирование повернутого div внутри контейнера

23Математическая формула SkewX () для полной ширины (3 блока рядом друг с другом)

24Почему анимация css меняет z-index?

25Ошибка: <g> преобразование атрибута: Ожидается '('

26CSS Разделительная линия / граница в форме ромба / треугольника

27Абсолютное положение для изменяемого повернутого текста

283D кнопка с треугольником

29Избавление от анимации закрытия мобильного меню при изменении размера окна

30Можно ли иметь разное время перехода для одного и того же свойства перехода?

31Применить преобразование к элементу CSS после завершения предыдущего преобразования

32Трансформация и переходы в CSS | Переход не работает

33Удалить фоновый контур сбоку от границы после преобразования наклона

34Background-attachment: исправлено в Firefox или Edge по сравнению с Chrome

35Комбинация событий указателя hover css

36Можете ли вы создать горизонтально перевернутую тень текста, используя только свойство CSS text-shadow

37Сохранение выравнивания с масштабированным родственным элементом без обратного масштабирования

38Как я могу повернуть символ вокруг его центра, не указывая его положение дважды?

39Как добиться «глубины» с помощью преобразования 3d css

40CSS 3 Divs повернуты на 45 градусов

41Одновременное использование scaleX и translationX (VelocityJS)

42Компенсация области, перемещенной с помощью transform: translate

43Как анимировать высоту наклонного прямоугольника?

44Предотвращение десятичных знаков пикселей при использовании масштаба преобразования

45Размер прямоугольника внутри перекошенного контейнера

46Трапециевидные сечения, вырезание фоновых изображений

47CSS Transform как открытая дверь

48Встраиваемая навигация на основе CSS3

49Как я могу заставить мой фиксированный заголовок прокручиваться, когда на него попадает определенный div или когда он находится на 100 пикселей сверху

50Как создать четырехугольник (форма ромба) с определенной степенью?

51Установить поле перекошенного <section>

52Создайте полноэкранный слайдер куба, используя чистый html css

53Позиционирование div изменяется в зависимости от области просмотра

54Масштаб перехода CSS () - странная задержка

55Шатается при использовании преобразования CSS по ссылке

56Перевернуть несколько изображений одно за другим после некоторой задержки

57Angular - Как напрямую изменить свойство преобразования CSS элементов HTML внутри компонента

58Предотвращение мерцания при наведении CSS-преобразования

59Как использовать transform: translateY для дочернего элемента при автоматическом изменении размера родителя?

60Как рассчитать компенсацию transform translate(x, y) за вращение элемента?

61Анимация отскока на масштабированном объекте

62Попытка применить преобразование CSS в javascript

63Как повернуть внешний div, а не внутренний контент

64CSS преобразовать матрицу в пиксель

65Масштаб изображения CSS Flexbox внутри дочернего элемента

66Почему важен порядок преобразований? вращение / масштабирование не дает того же результата, что и масштабирование / поворот

67Не удается преобразовать значок гамбургера

68Использование преобразований CSS для перевода / поворота спрайта с помощью клавиш со стрелками. Проблема с обновлением позиции

69Преобразование CSS вращается не по центру

70Проблема с z-индексом и преобразованиями

71Странное поведение при вращении элемента при наведении курсора

72Как я могу связать конец CSS-анимации с началом, чтобы она продолжалась плавно?

73Поворот изображения треугольника из центра только с помощью CSS?

74CSS-переход rotate (), а не translate ()

75Как получить имя класса элемента, который был нажат, и использовать это же имя класса для управления другими элементами?

76CSS: переключение влево / вправо для преобразования / перевода для повышения производительности

77Включить эффект CSS через JS

78Повернутый ввод текста HTML с помощью CSS Flexbox

79Неожиданный / неправильный размер шкалы для преобразования: масштаб "при увеличении / уменьшении масштаба браузера Chrome

80CSS Transform - Rotate & Skew не работают вместе

81CSS-анимация с интервалом и задержкой только со второго раза

82Подробно о функции skew ()

83CSS 3d-преобразование не работает, если в конце свойства установлена перспектива

84Простой вращающийся эффект наведения не работает

85Прямоугольник с множественным наклоном

86Изменение размера куба

87Преобразование CSS: поворот верхнего левого угла дочернего элемента над нижним левым углом родительского элемента

88При наведении курсора мыши на глюки элемента трансформируют переход

89Перекос изображения без его искажения

90Переместить img с помощью mousemove

91Имитация transform-origin с помощью translate

92Div обрезается во время анимации преобразования

93Анимируйте каждое свойство преобразования отдельно при событии щелчка с помощью CSS

94Почему текст становится размытым и качается во время преобразования в 2-мерном масштабе

95CSS: сделать границу последнего пункта меню наклонной

96Гибкий дисплей игнорирует масштабное преобразование содержимого

97Как создать трехмерный кубоид с градиентным цветом в нем с помощью CSS

98Почему мой куб "прыгает", когда я использую CSS-преобразования, такие как rotateZ ()?

99Масштаб преобразования при переворачивании карты

100Как рассчитать верхнюю и левую позиции центрированного div?