2016-10-26 12 views
0

私は心臓フレームの背後にあるプロフィール画像を表示するHTMLページを作成しようとしています。心臓フレームでPSDを取得しました。カスタムシェイプされたPhotoshopスライスからHTMLへ

プロファイル画像は矩形になり、フレームの後ろに重ならないようにしてください。スライスを作成すると、画像が四角形になり、画像がフレームに正しく収まらなくなります。フレームに収まるようにクロップするなどのプロファイル画像は、実際の画像がユーザのアップロードと通常の長方形の画像に基づいて表示されるため、解決策にはなりません。

スライスツールを使用して心臓のスライス(フレーム間の空白)を作成する方法はありますか?そうすれば、そのスライスの背景をプロファイル画像として使用できますか?私が得ているのはすべて、現時点では矩形のスライスです。

ありがとうございました。

enter image description here

+0

を使用する方法については、このリンクを参照してくださいあなたは、CSS https://css-tricks.com/examples/ShapesOfCSS/で図形を作る方法です現在お試しください – Andrew

答えて

0

あなたはフォトショップを使って心臓のフレーム画像を変更していることを行うことができますので、心の内側には透明でなければならないとあなたが牽引背景を設定するためにCSSを使用するよりも外側は

白ですプロフィール画像を保持する要素であり、第1の背景は心臓の写真であり、第2のプロフィールはプロフィールの写真である。あなたが持っているものを知っていいだろう -

ここで、複数の背景にhttp://www.css3.info/preview/multiple-backgrounds/

+0

ありがとうございます!完璧に動作します。 –

関連する問題