Impressum Cookieinfo Datenschutz Kontakt

LoginRegistrieren
Dienstag
30.11.2021
00:48:16 Uhr
+++ Herzlich Willkommen hier bei Power Party Musik +++ Die Seite ist noch im Aufbau und es können sich noch Fehler eingeschlichen haben +++ Die Seite dient erstmal nur zu Test zwecke aber man darf sich trotzdem schon registrieren +++

Tutorial: drehende Bilder

Tutorial Übersicht Tutorial Übersicht  >>  CSS Tutorial CSS Tutorial

drehende Bilder
Von: Giftzwerg am: 02.09.21Gelesen 175 x gelesen
1.öffnen wir die styles.css und fügen das am ende ein vor dem ?>


Code Alles auswählen
/*drehende Bilder 360 Grad*/
.img_button_360 {cursor:pointer;}
.img_button_360:hover {-moz-transition: all 0.6s ease-in 0s;-webkit-transition: all 0.6s ease-in 0s;-o-transition: all 0.6s ease-in 0s;-ms-transition: all 0.6s ease-in 0s;transition: all 0.6s ease-in 0s;-moz-transform: scale(0.9) rotate(360deg);-webkit-transform: scale(0.9) rotate(360deg);-o-transform: scale(0.9) rotate(360deg);-ms-transform: scale(0.9) rotate(360deg);transform: scale(0.9) rotate(360deg);}



2. Um das Bild drehen zu lassen fügen wir in der class folgendes ein


Code Alles auswählen
img_button_360



Es sieht dann ungefähr so aus


Code Alles auswählen
class='flleft avatar-frame img_button_360'


Bei Fragen bitte das dazugehörige Forum benutzen.

Und nun viel Spaß damit
Original Tutorial von Giftzwerg: drehende Bilder
War dieses Tutorial hilfreich für dich?
Nur Mitglieder können abstimmen!
Für 0 der Mitglieder war es hilfreich.
Für 0 der Mitglieder nicht.


Es wurden noch keine Kommentare geschrieben.

Kommentar schreiben

Bitte logge dich ein, um ein Kommentar zu schreiben.

Bewertungen

Bewertungen sind nur für Mitglieder möglich.

Bitte einloggen oder registrieren.

Keine Bewertungen abgegeben.