Der jüngste Post des Blogs, den man üblicherweise sieht, wenn man die Startseite eines Blogs geöffnet hat.
Zumindest, wenn für die Startseite keine andere Lösung, als die Ausgangseinstellung genutzt wird.
Bild in ein HTML-Gadget gesetzt. Gadget im Layout in den oberen Bereich geschoben. Unter das Bild zwischen style-Klammern CSS-Kommandos in das Gadget eingetragen. Kommandos, um Breite und Höhe des Gadgets festzulegen und das Gadget dort zu positionieren, wo das Bild zu sehen sein soll. Kommando, um das Bild auf einer höheren Ebene liegen zu haben. Kommando, um das Bild rund zu machen. Kommandos, um das Bild bei :hover (Maus drüber) einmal rum zu drehen. Kommando für die Drehgeschwindigkeit. Beteiligt sind width, height, position, right, top, z-index (für das Gadget), border-radius, transform (für das Bild darin im Ruhezustand), border-radius, transform, transition (für das Bild darin bei hover = Maus drüber).
Suche im Web mal nach css transform und nach css transition dann wirst du auf Anleitungen und Beispiele für Dreh- und andere Effekte stoßen.
Aber Achtung, Effekte, deren Kontrollierbarkeit vom Einsatz einer Maus abhängig sind, sind nicht für den Einsatz in Smartphones geeignet.
Wie hast das gemacht, dass sich das Mondgesicht-Icon dreht? Jetzt mal aus reiner Neugier...
AntwortenLöschenBild in ein HTML-Gadget gesetzt. Gadget im Layout in den oberen Bereich geschoben. Unter das Bild zwischen style-Klammern CSS-Kommandos in das Gadget eingetragen. Kommandos, um Breite und Höhe des Gadgets festzulegen und das Gadget dort zu positionieren, wo das Bild zu sehen sein soll. Kommando, um das Bild auf einer höheren Ebene liegen zu haben. Kommando, um das Bild rund zu machen. Kommandos, um das Bild bei :hover (Maus drüber) einmal rum zu drehen. Kommando für die Drehgeschwindigkeit. Beteiligt sind width, height, position, right, top, z-index (für das Gadget), border-radius, transform (für das Bild darin im Ruhezustand), border-radius, transform, transition (für das Bild darin bei hover = Maus drüber).
LöschenSuche im Web mal nach css transform und nach css transition dann wirst du auf Anleitungen und Beispiele für Dreh- und andere Effekte stoßen.
Aber Achtung, Effekte, deren Kontrollierbarkeit vom Einsatz einer Maus abhängig sind, sind nicht für den Einsatz in Smartphones geeignet.