«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как наклонить контейнер, сохранив при этом его текст?

Как наклонить контейнер, сохранив при этом его текст?

Опубликовано 22 декабря 2024 г.
Просматривать:406

How to Skew a Container While Keeping Its Text Unskewed?

Как наклонить элемент, но сохранить текст нормальным (неперекошенным)

Создание наклоненной кнопки с неперекошенным текстом

Чтобы создать перекошенный элемент с неперекошенным текстом, вы можете применить преобразование как к родительскому, так и к дочернему элементу элементы:

Наклон родительского элемента:

Используйте свойство Transform: skew(), чтобы наклонить родительский элемент (в данном случае, элемент

  • ).

    Устранение наклона дочернего элемента:

    Примените противоположное преобразование к дочернему элементу ( элемент Home

  • Products
  • Contact
  • Результат:

    Это создаст меню с перекошенными кнопками, но не перекошенным текстом, что позволит добиться наклонного эффекта без искажения читаемости ссылок. .

    Последний учебник Более>

    Изучайте китайский

    Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

    Copyright© 2022 湘ICP备2022001581号-3