CSS만 사용하여 별 만들기
.apps4developers_css_shape {
position: relative;
display: block;
width: 0px;
height: 0px;
margin: 32px 0;
color: #CFB53B;
border-left: 64px solid transparent;
border-right: 64px solid transparent;
border-bottom: 44.8px solid #CFB53B;
transform: rotate(35deg);
}
.apps4developers_css_shape::before {
content: '';
position: absolute;
top: -28.8px;
left: -41.6px;
display: block;
height: 0;
width: 0;
border-left: 19.2px solid transparent;
border-right: 19.2px solid transparent;
border-bottom: 51.2px solid #CFB53B;
transform: rotate(-35deg);
}
.apps4developers_css_shape::after {
content: '';
position: absolute;
top: 1.8px;
left: -67.2px;
display: block;
width: 0px;
height: 0px;
color: #CFB53B;
border-left: 64px solid transparent;
border-right: 64px solid transparent;
border-bottom: 44.8px solid #CFB53B;
transform: rotate(-70deg);
}
Apps4Developers.com에서 더 많은 공유 보기 - https://www.apps4developers.com/css-shapes/
Reference
이 문제에 관하여(CSS만 사용하여 별 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/guptasanchit90/creating-star-using-only-css-3mcc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)