라운드 마스킹 border-radius 위아래형 이미지 아닌 css로만

왼쪽은 위 라운드 / 오른쪽은 아래 라운드로 있을때 어떻게 해야할까?

이미지로 깔려면 100%?? 로해야하는데

저 이미지가 계속 바뀌는 이미지라서 저렇게 통째로 자르면 안된다

===>

왼쪽은 그냥 일반적으로 보더레디어우스 사용해서 깔고

 

 

오른쪽은 저런모양으로 오른쪽에 깔면된다!! 신기방기

 

See the Pen round masking only css by uni (@agosto) on CodePen.