0
그림이 표시된 비디오 위에 테두리가있는 검은 그래픽 요소를 만들고 싶습니다.테두리가있는 모양을 만드는 방법은 무엇입니까?
나는 before : and : after하지만 경계를 복잡하게 만든다. 어떤 도움이라도 대단히 감사하겠습니다.
당신은 그래픽 요소가 현재 아래의 코드는 내가 그림과 같이 모양을 생성하는 방법이다 테두리 반경와 사각형이기 때문에 피드, 경계 아래에가는 것을 사진에서 볼 수 있지만 그것이
결함이 피드는 국경을 초과 할 때부터 :
div.wrap1{
position: fixed;
height: 90vh;
bottom: 0;
left: 0;
width: 80vw;
margin-left: -120px;
.graphic-bg-1{
z-index: 5;
border: 3px solid #3AD8FF;
border-bottom: none;
border-radius: 120px;
position: relative;
width: 100%;
height: 100%;
}
.mask{
position: absolute;
height: 500px;
width: 100%;
background-color: black;
bottom: 0;
// margin-left: -120px;
z-index: 6;
}
}
div.wrap2{
position: fixed;
height: 75vh;
width: 100vw;
right: 0;
bottom: 10vh;
margin-right: calc(-80vw + 123px);
z-index: 7;
.graphic-bg-2{
z-index: 8;
border: 3px solid #3AD8FF;
border-top: transparent;
border-radius: 120px;
position: relative;
width: 100%;
height: 100%;
}
.mask2{
position: absolute;
height: 109px;
width: calc(100% - 3px);
background-color: black;
top: 0;
right: 0;
z-index: 8;
}
}
이 링크는 질문에 대한 대답 일지 모르지만 여기에 답변의 핵심 부분을 포함하고 참조 용 링크를 제공하는 것이 좋습니다. 링크 된 페이지가 변경되면 링크 전용 답변이 유효하지 않게 될 수 있습니다. - [리뷰에서] (리뷰/저품절 포스트/17624596) – Styx
네, 맞습니다. 내 코드를 이곳에 두어야한다. 그리고 나는이 코멘트 바로 뒤에하고있다. –