Bir kaç imaj işlemleri yapıyorum. Aşağıda verdiğim linkte telefon ekranına css ile resim yerleştirmek istiyorum.
Uyguladığım yöntemde resmin büyük bölümünü yerleştirdim ama bir taraf açık kalmakta.
Bu konuda yardımcı olabilirsiniz.
Demo:
http://artmuba.com/demo/demo.php
Kullandığım Css
body { margin: 100px; position: relative; }
.edge {
width: 800px;
height: 600px;
background-size:
auto 100%;
position: absolute;
}
.panel {
position: absolute;
left: 31px;
top: 0;
}
.panel>img {
width:186px;
height:207px;
transform: scale(1.1) translate(187px, 180px) skew(50deg, -31deg);
}<div class="edge" style="background-image: url(yatay.jpg)"></div>
<div class="panel"><img src="tablet.jpg" alt="" /></div>