Fragen und Antworten » Grafik rotieren lassen mittels BB Code

01.12.2017 16:11

Ludger
#1 Grafik rotieren lassen mittels BB Code

habe ich heute erbastelt ... es funktioniert ... Profis bitte dennoch mal drüber gucken

in CSS Erweiterungen folgendes rein:

1
2
3
4
5
6
7
8
9
 
/* Grafik drehen */
.looper { animation: perspect 4s infinite linear }
@keyframes perspect {
   0% {transform:perspective(300px) rotateY(0deg)}
   25% {transform:perspective(300px) rotateY(90deg)}
   50% {transform:perspective(300px) rotateY(180deg)}
   75% {transform:perspective(300px) rotateY(270deg)}
   100% {transform:perspective(300px) rotateY(360deg)}
}
 

Forencode

[looper] ... [/looper]

<img class="looper" src=" ..... ">

und es dreht sich

viele Grüße
Lud

Antworten

Beitrag melden

#2

01.12.2017 16:42 (zuletzt bearbeitet: 01.12.2017 16:42)

Edeltraud
#2 RE: Grafik rotieren lassen mittels BB Code

Edeltraud

Ich hätte eins für die Indexseite

Das rein in CSS

Größe des Smilies oder Bildes angeben

aside {
height: 59px;
float: left;
margin: 0px 0px 0 0;
padding: 0px;
width: 95px;
-webkit-transition: all 2s;
/* für Safari 5.1, Android 2.3 bis 4.3 */

transition: all 2s;
background:
}

aside.rotate {
background-image: url(hier der Link von deinem Smiie oder Bild rein)

}

und das direkt rein in das Forum, wo es angezeigt werden soll
(siehe bei mir mein Gästebich) Unterforum geht nicht

Layout: Business
https://www.edeltraudsbastelforum.de/

Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

Antworten

Beitrag melden

#3

01.12.2017 18:31 (zuletzt bearbeitet: 01.12.2017 18:50)

River
#3 RE: Grafik rotieren lassen mittels BB Code

River

Zitat von Edeltraud im Beitrag #2
/* für Safari 5.1, Android 2.3 bis 4.3 */

Du solltest das vllt mal auf aktuelle Versionen anpassen. Android 4.3 geht ja noch, aber den Rest kannst du vergessen.

Safari wird ab 7 oder 8 gehen / Android 2.3 (kann man als Wecker oder so verwenden, falls man noch ein JellyBean hat ;).

Also - nur so ein Hinweis.

Viele Grüße
River

Edit: Außer es ist gemeint, dass es ab diesen Versionen und allen neueren läuft?

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#4

01.12.2017 21:44

Edeltraud
#4 RE: Grafik rotieren lassen mittels BB Code

Edeltraud

Mir reicht das und es funktioniert

Layout: Business
https://www.edeltraudsbastelforum.de/

Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

Antworten

Beitrag melden

#5

02.12.2017 11:04

Scannerxy
#5 RE: Grafik rotieren lassen mittels BB Code

Scannerxy

Zitat von Ludger im Beitrag #1

Forencode

[looper] ... [/looper]

<img class="looper" src=" ..... ">

und es dreht sich

Mh.....ich bin zu blöd und bekomme es nicht hin.
Was muss ich denn im Forencode eintragen im unteren Teil.

Links kommt <img class="looper" src=" ..... ">....... und was kommt dann rechts rein?

Ersetze was mit?

Themen:

Antworten

Beitrag melden

#6

02.12.2017 11:06

( gel�scht )
#6 RE: Grafik rotieren lassen mittels BB Code

Gast

( gel�scht )

links kommt rein: <img class="looper" src="

rechts kommt rein: ">

MfG

Antworten

Beitrag melden

#7

02.12.2017 11:12

Scannerxy
#7 RE: Grafik rotieren lassen mittels BB Code

Scannerxy

Also so?

Bei mir dreht sich keine Grafik die ich in [looper]........[/looper] setzte.

Themen:

Antworten

Beitrag melden

#8

02.12.2017 11:13

( gel�scht )
#8 RE: Grafik rotieren lassen mittels BB Code

Gast

( gel�scht )

Du musst vorher die hier eingangs genannte class "looper" vorher noch in der CSS definieren

Antworten

Beitrag melden

#9

02.12.2017 11:15

Scannerxy
#9 RE: Grafik rotieren lassen mittels BB Code

Scannerxy

In der CSS hab ich das drin.

Themen:

Antworten

Beitrag melden

#10

02.12.2017 11:18

( gel�scht )
#10 RE: Grafik rotieren lassen mittels BB Code

Gast

( gel�scht )

dann sollte das eigentlich funktionieren, so wie @Ludger das beschrieben hat.

Antworten

Beitrag melden

#11

02.12.2017 11:18

Scannerxy
#11 RE: Grafik rotieren lassen mittels BB Code

Scannerxy

Nö....tuts leider nicht.

Na, egal. Trotzdem danke......

Themen:

Antworten

Beitrag melden

#12

02.12.2017 11:25

( gel�scht )
#12 RE: Grafik rotieren lassen mittels BB Code

Gast

( gel�scht )

ich habs selber nicht getestet, weil ich seit geraumer Zeit mit einem anderen keyframe arbeite, aber es sieht von der Konstellation her schlüssig aus.
Müssen wir wohl auf @Ludger warten ....

Antworten

Beitrag melden

#13

02.12.2017 11:33 (zuletzt bearbeitet: 02.12.2017 11:40)

( gel�scht )
#13 RE: Grafik rotieren lassen mittels BB Code

Gast

( gel�scht )

hier wäre sonst nochmal ein anderes Beispiel: →> https://stackoverflow.com/questions/1677...otate-animation

Edit(interessant ist hier vielleicht die Demo im ersten Beitrag)