Слияние кода завершено, страница обновится автоматически
position: relative;
left: -50px;
border-right: 50px solid transparent;
-webkit-filter: drop-shadow(50px 0 #f00);
Готово, дело сделано!
Возможно, есть и другие способы, но многие уже пробовали, например, margin-left, чтобы скрыть элемент, и обнаружили, что это не работает, потому что drop-shadow не может закрасить скрытый элемент. Поэтому transparent, вероятно, лучший способ на данный момент. Он не скрывает элемент, он всегда присутствует, просто он прозрачный, ха-ха-ха.
Ну вот, на этом всё о border. Если вам понравилось, сохраните себе, а если есть вопросы — укажите их. Спасибо всем!
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )