Отправляет email-рассылки с помощью сервиса Sendsay
Премодерируемое участие
3093 участника
←  Предыдущая тема Все темы Следующая тема →
пишет:

Внутреннее скругление

Проблема

Иногда нам требуется контейнер, скругленный только изнутри, внешние углы рамки/контура которого все так же остаются прямыми. Это интересный не избитый эффект. Подобного эффекта легко добиться с помощью двух элементов:

 

<div class="something-meaningful"><div>
I have a nice subtle inner rounding, don't I look pretty?
</div>
</div>
.something-meaningful {
background: #655;
padding: .8em;
}
.something-meaningful > 
div {
background: tan;
border-radius: .8em;
padding: 1em;
}

Это прекрасно работает, но нам приходится использовать два элемента, тогда как в действительности требуется только один. Можно ли достичь того же эффекта с одним элементом?   Читать далее

Внутреннее скругление углов на CSS

Это интересно
0

12.10.2022
Пожаловаться Просмотров: 74  
←  Предыдущая тема Все темы Следующая тема →


Комментарии временно отключены