So drehen Sie ein Bild mit CSS und HTML

Das Drehen eines Bildes auf einer Webseite ist mit einer CSS-Rotate-Klasse möglich, die zu jedem -Tag hinzugefügt wird, um das Bild zu drehen.

Das Computer Hope-Logo wird gedreht.

Drehen eines Bildes mit CSS

Der CSS-Code muss Transformationscode für jeden gängigen Internetbrowser enthalten, damit das Bild in allen Browsern gedreht wird.

Unten ist ein Beispiel für CSS-Code, um ein Bild um 180 Grad zu drehen.

.rotateimg180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

Der obige CSS-Code sollte zu einer .css-Stylesheet-Datei hinzugefügt werden, die in Ihrem HTML-Code verlinkt ist. Wenn Ihre CSS-Datei beispielsweise site.css heißt und sich im selben Verzeichnis wie Ihre HTML-Datei befindet, können Sie den folgenden HTML-Code in das -Element einfügen:

<link rel="stylesheet" href="https://www.computerhope.com/issues/ch001784.htm/site.css">

Alternativ können Sie den CSS-Code inline einfügen, entweder in ein style-Tag, das vor dem image-Tag erscheint, oder in das style-Attribut des image-Tags.

Sobald der CSS-Code auf Ihre .css-Datei, Ihr Stylesheet oder Ihre

Neueste Artikel
Vielleicht möchten Sie lesen

LEAVE A REPLY

Please enter your comment!
Please enter your name here