Grundsätzlich möchte ich eine Google-Karte an der rechten Seite meiner Kontaktseite anhängen, aber der linke Rand der Karte sollte schräg bei 30 Grad sein, anstatt gerade zu sein, bitte geben Sie Ideen.Wie füge ich eine Google Map hinzu, die eine schräge Kante auf einer Seite zu einer HTML Seite hat?
Q
Wie füge ich eine Google Map hinzu, die eine schräge Kante auf einer Seite zu einer HTML Seite hat?
-1
A
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>
Verwandte Themen
- 1. Erstelle eine schräge Kante zu einem div
- 2. Wie füge ich eine Seite in Android Studio hinzu, die eine Verbindung zu einer Schaltfläche herstellt?
- 3. Wie füge ich meiner Website eine dynamische Google Map hinzu?
- 4. Wie füge ich eine neue Seite hinzu und füge alle Produkte dazu in opencart hinzu?
- 5. Wie füge ich eine neue Seite in CKAN hinzu?
- 6. Wie füge ich eine Filterung zu einer Phanes-Vorlage hinzu?
- 7. Wie füge ich eine Tweetline zur rechten Seite einer Timeline hinzu?
- 8. So fügen Sie eine Bildlaufleiste zu einer Seite hinzu
- 9. Wie füge ich eine Ausnahme zu einer Eslint-Regel hinzu?
- 10. So fügen Sie eine Seite in einer Cordova-Anwendung hinzu
- 11. Eine Google Map in eine jQuery Mobile-Seite einbetten
- 12. Wie füge ich eine Site-Zusammenfassung dem Google Bot hinzu?
- 13. Wie übergebe ich den Wert von Eingabefeldern auf einer HTML-Seite zu Eingabefeldern auf einer anderen HTML-Seite mit Dojo
- 14. Wie eine Variable auf einer JSP-Seite
- 15. Wie füge ich mehrere Spalten zu einer Tabelle hinzu und füge Standardeinschränkungen für eine davon hinzu?
- 16. Wie verwende ich Google Fonts in einer HTML-Seite?
- 17. Wie füge ich einer JTextArea eine Rechtschreibprüfung hinzu?
- 18. Wie füge ich 2016 eine eigene benutzerdefinierte Domain zu einer Google App Engine-Website hinzu?
- 19. Wie füge ich beim Herunterladen einer Datei eine Erweiterung hinzu?
- 20. Wie füge ich mehrere Markierungen in einer Google Map hinzu, die von json array analysiert wurde?
- 21. Wie füge ich eine leere Seite mit iTextSharp zu einem PDF hinzu?
- 22. Google Maps angezeigt wird nicht auf einer HTML-Seite
- 23. Kopieren und Laden der gesamten HTML-Seite einer Seite auf eine andere Seite
- 24. Wie füge ich classNames dem ersten Element der Seite hinzu, ohne eine Ansicht zu verwenden?
- 25. Wie füge ich einer CSV-Datei eine neue Spalte hinzu?
- 26. Wie füge ich "Hilfe" -Text zu einer Mex-Funktion hinzu?
- 27. Wie füge ich eine Telefonnummer zu einer Webseite hinzu (HTML-Markup für Telefonnummern)?
- 28. Wie füge ich Google Map in angular.js Controller hinzu?
- 29. Wie füge ich eine Beziehung in einer Doctrine Migration hinzu
- 30. Eine Liste von Objektdaten auf einer HTML-Seite anzeigen
hat meine Website so UI. stehlen Code von dort - knowkalpesh.in Sie müssen Pseudo-Element verwenden und Rand an ihm anwenden. –