HTML Bild Zoom gleichmäßig nach links und rechts?

Hallo,

habe ein Bild in HTML platziert, welches sich sobald man mit der Maus drüber geht auf +10% vergrößert. Jedoch wird das Bild nur "nach rechts" skaliert und bleibt links bündig.

Ich hätte gerne dass es in beide Richtung gleich weit skaliert wird.

2 Antworten

Dory1

18.09.2017, 19:07

html

<img src="URL" class="bild">

css

.bild:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

Unbek4nt

Fragesteller

18.09.2017, 19:13

Jop, klappt, danke! :)

tavkomann

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, programmieren

18.09.2017, 19:07

Dann musst du die Position ebenfalls ändern.

Oder du machst es dir einfach und nutzt CSS3 Transforms. Hier habe ich dir ein Beispiel erstellt:

https://jsfiddle.net/mmhe4u3d/

Unbek4nt

Fragesteller

18.09.2017, 19:13

Jop, klappt, danke! :)

Ähnliche Fragen

Mit HTML die Farbe eines Bildes ändern?

Hallo!

Ich habe eine .png Datei die nur aus transparenten und schwarzen Flächen besteht:

Ist es möglich mit HTML wenn z. B. einer mit der Maus drüber fährt (:hover) das sich der schwarze Teil im Bild zu blau ändert?

...zur Frage

Wie kann man bei HTML ein Hintergrundbild über die ganze Seite erstrecken?

Ich möchte eine HTML Seite erstellen, was ich bisher als Hintergrund habe ist das: Dabei ist das Hintergrundbild links oben komplett, rechts oben aber nochmal zur Hälfte, rechts unten ebenfalls zur Hälfte und links unten auch zur Hälfte vorhanden. Wie kann ich das Bild einmal und dann ganz haben?

...zur Frage

Windows 10, 2 Monitore, Maus falsche Richtung?

Ich habe 2 Bildschirme, einen links einen rechts. Mein Hauptbildschirm ist der rechte. Um von meinem rechten zum linken Monitor zu kommen muss ich aber nach rechts die Maus bewegen und nicht nach links. Wie kann ich das ändern

...zur Frage

Mouseover Bilder Zoom mit HTML CSS Hover?

Hallo.

Ich möchte gerne wenn man auf das Bild geht mit der Maus, dass automatisch reingezoomt wird. Wie das geht und skaliert wird weiß ich. Da sich das Bild aber enorm vergrößern soll nimmt es die ganze Seite ein. Nun möchte ich, dass diese enorme Vergrößerung innerhalb eines Rahmens stattfindet, den ich definiere.

Ich probiere schon ein div drum herum zu legen und dies zu definieren, aber es klappt nicht. Hat schon mal jemand sowas gemacht und Beispielcode?

Anja

...zur Frage

Ikea Pax Schrank Schiebetüren nicht bündig?

Hallo,

ich versuche den Schrank so einzustellen, dass beide Türen bündig schließen. Ist es links perfekt, so steht’s rechts ab. Unterlege ich hinten rechts mit Karton, so ist es rechts perfekt dafür links nicht mehr bündig. Hat jemand Tipps ?

edit, hat geklappt

...zur Frage

HTML Dinge nebeneinander anordnen?

Hi, ich habe etwas HTML und CSS geschrieben und das Ergebnis ist nicht wie ich es mir gewünscht habe. Ich will versuchen, dass das Bild ganz links auf der Website ist, in der Mitte das Willkommen und ganz rechts der link zu einer anderen Page. Ich habe versucht, die Elemente zu positionieren, aber irgendwie verändert sich die Position nicht. Kann jemand den Fehler hier vielleicht schnell finden? Danke schonmal!

...zur Frage

Bewegte Bilder in HTML/CSS?

Hey,

Ich habe vor eine Webseite zu schreiben, welche Bilder beinhaltet, welche sich leicht diagonal verschieben wenn man mit der Maus drüber hovered. Wie kann ich das jetzt umsetzten?

Christian

...zur Frage

Wie kann man in html bilder responsive machen?

Sodass, das Bild nicht von links nach rechts verkleinert wird sondern von rechts nach links.

also nicht so, sondern den rechten Teil im Bild hat

den rechten

...zur Frage

html frames alternative

Hallo...

Ich möchte eine Seite basteln auf der links durch Frame (o.ä.) eine Htmldatei liegt mit Links drin und im rechten Frame immer das Bild was hinter dem Link links steckt! Wie mache ich das? Habe gehört es geht auch mit CSS... aber wie? Und wie bekomme ich das Bild rechts, dessen zugehöriger Link links angeklickt wurde?

Bitte um schnelle Hilfe. Aber bitte nicht einfach Code einfügen. Ich möchte es auch verstehen ;)

...zur Frage

Text unter Bild in HTML hinzufügen?

Ich habe ein Bild. Darunter habe ich ein Text platziert. Allerdings geht der Horizontal von links nach rechts, was es auch soll. Nur soll er da anfangen, wo auch das Bild beginnt und enden, wo das Bild endet. In den zwei Bildern könnt ihr erkennen, wie es es gerade habe und nicht will und wie ich es gerne haben würde.

<!DOCTYPE html>
<html>
<head>
    <title>Film- und Serienbeschreibungen</title>
  


  <style>
    img {
        display: block;
        margin: 0 auto;
        width: 1000px;
        border-radius: 10px;
    }


    body {
        text-align: center;
    }


    p {
        
    }
  </style>
</head>
  <body>
    <img src="mrrobotscene.jpg">
    <h1>Mr. Robot - Beschreibung</h1>
    <p>Mr. Robot ist eine US-amerikanische Fernsehserie, die von Sam Esmail entwickelt wurde. Die Serie handelt von Elliot Alderson, einem jungen Programmierer, der für eine Cyber-Sicherheitsfirma arbeitet und in seiner Freizeit zum Hacker wird. Elliot leidet unter sozialen Ängsten und Depressionen und verfällt in eine Art Schizophrenie, die von seinem imaginären Freund, Mr. Robot, ausgelöst wird</p>
    
  </body>
</html>

...zur Frage

wie mit css , html oder php bildgröße einstellen?

ich habe ne webseite auf der andere leute bilder hochladen können, diese bilder müssen letztenendes immer genau gleich groß sein, wie mach ich das mit einer der folgenden möglichkeiten?

Bild direkt nach upload mit php irgenwie beschneiden und quadratisch machen
mit css quadratisch machen sodass ein stück links und rechts fehlt
mit css quadratisch machen ohne dass links und rechts was fehlt sondern oben und unten ein weißer rand ist

aber das bild darf auf keinen fall verzogen sein oder so

...zur Frage

Bilder ( Grafiken ) positionieren in HTML?

Moin!

Eine Frage, wie kann man Bilder in HTML positionieren, sprich nach links, nach rechts oder in die Mitte verschieben? Gibt es da eine Codierung oder wie geht das?`

...zur Frage

HTML Sidebar zum ausklappen?

Hallo ich möchte eine HTML Seite erstellen. Und zwar möchte ich links von der Seite einen Button haben. Wenn man auf den Button klickt, soll sich von links nach rechts eine Navigationsleiste ausfahren.

...zur Frage

HTML Tabelle zweifarbig?

Hallo allerseits,

wie kann ich in einer html Tabelle jeder Zelle die Farbe zuweisen z.B habe ich zwei Reihen, Rechts und Links, wie kann ich alle linken blau machen und alle rechten rot?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }