사용자:flyant(비교)

.ac-box-a {color:#fff;width:200px;padding:7px 20px;background:no-repeat linear-gradient(90deg, transparent 19px, #fff 0, #fff calc(100% - 10px), transparent 0)0 0/100% 2px, no-repeat linear-gradient(90deg, transparent 10px, #fff 0, #fff calc(100% - 19px), transparent 0)0 100%/100% 2px, no-repeat conic-gradient(from 30deg at 0 70%, #435 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 210deg at 100% 30%, #435 120deg, transparent 0)calc(100% - 5.31px) 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 70%, #fff 120deg, transparent 0)3px 50%/60% 100%, no-repeat conic-gradient(from 210deg at calc(100% - 3px) 30%, #fff 120deg, transparent 0)100% 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 calc(70% + 1px), #fff 120deg, transparent 0)0 calc(70% - 1px)/60% calc(100% - 5px), no-repeat conic-gradient(from 210deg at 100% calc(30% - 1px), #fff 120deg, transparent 0)100% calc(30% + 1px)/60% calc(100% - 5px)}

.ac-box-b {color:#fff;width:200px;padding:15px 20px;background:no-repeat conic-gradient(from 225deg at 100% 100%, #fff 90deg, transparent 0)calc(100% - 21.5px) 0/calc(100% - 40px) 2px, no-repeat conic-gradient(from 225deg at 100% 0%, #fff 90deg, transparent 0)calc(100% - 21.5px) 100%/calc(100% - 32px) 2px, no-repeat conic-gradient(from 30deg at 0 70%, #435 120deg, transparent 0)5.31px 50%/60% 100%, no-repeat conic-gradient(from 225deg at 100% 50%, #435 90deg, transparent 0)calc(100% - 5.31px) 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 70%, #fff 120deg, transparent 0)3px 50%/60% 100%, no-repeat conic-gradient(from 30deg at 0 calc(70% + 1px), #fff 120deg, transparent 0)0 calc(70% - 1px)/60% calc(100% - 5px)}

}}}

텍스트텍텍스트}}} ||