Вы можете использовать псевдоэлемент и повернуть его сверху (поверх) контейнера с небольшим отличием от вашего метода.
Нарисуйте вставную тень вместо границы вашего контейнера.
Нарисуйте квадраты с белым фоном (как контейнер) с границами.
Поверните квадрат и скройте часть из них, переполненную из контейнера.
.chamfered-box{
margin:1em auto;
width: 440px;
padding:5px;
position: relative;
overflow:hidden;
background: white;
box-shadow: inset 0 0 0 1px #149E4B;
}
.chamfered-box::before, .chamfered-box::after{
width: 20px;
height: 20px;
background: #fff;
content: '';
position: absolute;
bottom: 0;
border: 1px solid #149E4B;
transform:rotate(45deg);
}
.chamfered-box::after{
right: -11px;
bottom: -11px;
}
.chamfered-box::before{
left: -11px;
top: -11px;
}
Для Начальная-загрузка-4.3.x используют следующую CSS:
.modal-open {
padding-right: 0 !important;
}
/* if you have .navbar in your page then add padding-right for your .navbar (default is 16px) */
.modal-open .navbar {
padding-right: 16px !important;
}
Вот именно. Ничто иное не необходимо как: код JavaScript для добавления приблизительно .class
в Вашем body
и затем добавляющий коды CSS для моделирования их.