css 관련 질문드립니다.
본문
제가 그림판으로 그려서 그림이 조금 이상한점 죄송합니다.
왼쪽에 있는것처럼 세모형태로 되어있는 이미지가 아니라 네모이미지인데 감싸고있는 태그가 저런식으로 세모로 되어있어서 overflow: hidden 으로 감추는 형태인데
skew를 써보려고했는데 직각삼각형이 아닌 평행사변형형태가 나와서요
저런식으로 하고싶고
또 오른쪽에 빨강색으로 표시한 부분처럼 저렇게 세모형태로 만들어서 빨강색선에는 이미지를 넣어서 하고싶은데 이거를 css 어떻게 해야될지 잘모르겠습니다.
답변 1
이미지는 배경처리하시면 될 듯하고
삼각형은
https://stackoverflow.com/questions/15112819/css-triangle-containing-text
https://codepen.io/martinjkelly/pen/vEOBvL
https://css-tricks.com/the-shapes-of-css/
참고해 보세요.
답변을 작성하시기 전에 로그인 해주세요.