Задать вопрос
@Lordian
css

Как пофиксить подобный бордер?

Здравствуйте, есть подобный код.
https://codepen.io/anon/pen/jZPyMz
Надо чтобы зеленая картинка обрезалась по бордеру (серого блока) и была как бы под ним.
  • Вопрос задан
  • 101 просмотр
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
https://jsfiddle.net/f24ozu0z/

.second {
  position: relative;
  height: 300px;
  margin-top: -150px;
  background: radial-gradient(100% 50% at center top, transparent 49.8%, gray 50.2%);
  z-index: 2;
}

В градиент еще можно поиграть, повыравнивать
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
aloky
@aloky
js 
:after {
   z-index: 1;
}
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы