99% как получить еще 1

Курсы §30. Рамки и фоны, часть 2
1

.exam {
padding-top: 50px;
}
.portrait {
width: 175px;
height: 175px;
background-image: url(“img/eye-patch.svg”),
url(“img/keks-2.jpg”);
background-repeat: no-repeat, no-repeat;
border-radius: 50%;
margin: 0 auto;
background-size: 80px, 194px ;
background-position: -5px -5px, center;
border: 40px solid #ffffff;
border-image: url(“img/rope-frame.png”);
border-image-slice: 72 fill;
border-image-outset: 50px;

}
2

А я не применяла стилизацию к .exam. У меня 100%

.portrait {
    width: 275px;
    height: 275px;
    margin: 0 auto;
    border: 50px solid rgba(0,0,0, 0);
    border-radius: 50%;
    border-image-source: url("img/rope-frame.png");
    border-image-slice: 90 fill;
    background-image: url("img/eye-patch.svg"), url("img/keks-2.jpg");
    background-repeat: no-repeat;
    background-position: top 27px left 35px, 50% 50%;
    background-origin: content-box;
    background-size: 80px 80px, cover;
    background-clip: content-box;

}
1 лайк
3

Скажите а как вычислить значение border-image-slice: 90 fill; исходя из каких цифр… не понимаю

4

Скажите а как вычислить значение border-image-slice: 90 fill; исходя из каких цифр… не понимаю

5

Ох… Конкретно в этом задании уже и не вспомню. Но по сути - это и есть ширина вашей рамки-картинки.

6

В том то и дело что она нигде не видна и получается это просто гадание на кофейной гуще. пытаюсь логику привязать а никак)

7

Она наверное зависит от размера исходного изображения рамки? а как его узнать)))