2016-04-16 5 views

Antwort

0

Wie ich im Kommentar erwähnt, dass Sie es mit Pseudo-Element (:before) und CSS border erreichen können.

Ich weiß nicht, ob es 30deg ist oder nicht, aber Sie können es nach Ihren Bedürfnissen zwicken.

.map-container { 
 
position: relative; 
 
} 
 
.map-container img { 
 
    height: 400px; 
 
    width: 600px; 
 
    position: relative; 
 
} 
 

 
.map-container:before { 
 
    border-right: 403px solid transparent; 
 
    border-top: 403px solid #F4775C; 
 
    content: ""; 
 
    position: absolute; 
 
    left: 0; 
 
    top: 0; 
 
    width: 1px; 
 
    z-index: 2; 
 
}
<div class="map-container"> 
 
<img src="http://knowkalpesh.in/img/map/knowkalpesh-map.png" alt="My Address Map"> 
 
</div>

+0

Ich sehe keine schräg mit Ihrem Code – Atula

+0

Bitte klären Sie es. Die blassrote Farbe ist schräg, oder? –

+0

@srishty muss schräg sein, um ein Div über der Karte hinzuzufügen. Sie müssen prüfen, wie die Karte geneigt werden kann. – Atula

Verwandte Themen