Создание наклоненной кнопки с неперекошенным текстом
Чтобы создать перекошенный элемент с неперекошенным текстом, вы можете применить преобразование как к родительскому, так и к дочернему элементу элементы:
Наклон родительского элемента:
Используйте свойство Transform: skew(), чтобы наклонить родительский элемент (в данном случае, элемент
Устранение наклона дочернего элемента:
Примените противоположное преобразование к дочернему элементу ( элемент Home
Результат:
Это создаст меню с перекошенными кнопками, но не перекошенным текстом, что позволит добиться наклонного эффекта без искажения читаемости ссылок. .
Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.
Copyright© 2022 湘ICP备2022001581号-3