Impressum Cookieinfo Datenschutz Kontakt

LoginRegistrieren
Donnerstag
21.11.2024
07:39 Uhr
+++ Herzlich Willkommen hier bei Power Party Musik +++ Die Seite ist noch im Aufbau und es können sich noch einige Fehler eingeschlichen haben +++ Die Seite dient erstmal nur zu Test zwecke aber man darf und kann sich trotzdem schon registrieren +++

Tutorial: drehende Bilder

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

drehende Bilder
Von: Giftzwerg am: 02.09.21Gelesen 5729 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.