2016-10-26 3 views
0

심장 프레임 뒤의 프로필 그림을 보여주는 html 페이지를 만들려고합니다. PSD에 심장 프레임이 있습니다.HTML로 사용자 정의 모양의 Photoshop 조각

프로필 사진은 직사각형 모양이므로 프레임 뒤쪽에 겹치지 않아야합니다. 조각을 만들면 직사각형 모양이되어 그림이 프레임에 올바르게 들어 가지 않습니다. 프로필 사진은 프레임에 맞게 자르기와 같은 방법으로 해결할 수 없습니다. 실제 사진은 사용자 업로드 및 일반 직사각형 사진을 기반으로 표시됩니다.

심장 조각 (프레임 사이의 공백)을 만드는 데 슬라이스 도구를 사용하여 그 배경을 프로필 사진으로 사용할 수있는 방법이 있습니까? 내가 얻고있는 모든 것은 지금 순간적으로 사각형 조각입니다.

감사합니다.

enter image description here

+0

당신이 CSS를 https://css-tricks.com/examples/ShapesOfCSS/의 모양을 어떻게을 사용하는 방법에 대한 자세한 내용은이 링크를 참조 현재 시도했습니다 – Andrew

답변

0
당신이 할 수있는

그 포토샵을 사용하여 심장 프레임 사진을 변경, 그래서 마음의 내부가 투명해야하고 외부는 당신이 견인 배경을 설정하는 CSS를 사용하여보다

백색으로 프로필 사진을 보유하는 요소, 첫 번째 배경은 하트 그림, 두 번째는 프로필 사진입니다. 당신이 무엇을 알고 좋은 것 -

여러 배경 http://www.css3.info/preview/multiple-backgrounds/ 여기

+0

고마워요! 완벽하게 작동합니다. –

관련 문제