Frage CSS3 wie einbinden?

[DateYourWeight]

Wie binde ich CSS3 Effekte ein?

http://james-star.com/answers/de/css3-effekte-transformationen-animationen-uebergaenge/

Wie kann ich diese Codes erfolgreich mit einem Bild verbinden?

Habe versucht, das mit <style> tags zu machen, was aber vermutlich totaler Quatsch ist?
Funktioniert nämlich nicht.

<center>
    <img src="https://image.jimcdn.com/app/cms/image/transf/dimension=1640x10000:format=jpg/path/s1a90e603f7c01a7a/image/iccc5dcb1dc00af9a/version/1515227308/image.jpg" width="350" height="600" alt=
    "Mein Kochgott" />
</center>
<style>
    .bild:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.bild {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
</style>

Ein Newbie am Werk...

 

[basti1012]

Du musst das Bild auch der klasse "BILD" geben

 

[Gelöschtes Mitglied 36401]

Schöner ist es, wenn CSS in einer eigenen Datei steht, siehe "External CSS" auf https://www.w3schools.com/html/html_css.asp

 

[DateYourWeight]

Doch so einfach? Sehr schön.

Darf ich mal ganz blöd fragen, warum dieses "External CSS" schöner ist?

Danke euch! :)

 

[Gelöschtes Mitglied 36401]

Weil das
a) übersichtlicher ist
und
b) du die CSS Angaben für mehrere Seiten nutzen kannst, ohne sie immer wieder kopieren zu müssen

 

[DateYourWeight]

Heißt das, wenn ich das im "Head bearbeiten" eingebe, dann bekommt jedes Bild auf der Website den Effekt?

 

[Gelöschtes Mitglied 36401]

Du musst dafür natürlich die entsprechenden Klassen im HTML-Code setzen

Ich empfehle dir dringends die Grundlagen zu lernen und dich mal hier durchzuarbeiten: https://www.w3schools.com/

 

[DateYourWeight]

@m.scatello Super interessante Seite!!
Vielen Dank dafür!!
Unglaublich umfangreich! :):)