Grafik rotieren lassen mittels BB Code

  • Seite 1 von 2
01.12.2017 16:11
avatar  Ludger
#1 Grafik rotieren lassen mittels BB Code
avatar
Mitglied

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
01.12.2017 16:42 (zuletzt bearbeitet: 01.12.2017 16:42)
#2 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

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

<section>
</aside><aside class="rotate zwei"></code></p></aside></section></main>

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
01.12.2017 18:31 (zuletzt bearbeitet: 01.12.2017 18:50)
avatar  River
#3 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

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
01.12.2017 21:44
#4 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

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
02.12.2017 11:04
#5 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

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
02.12.2017 11:06
avatar  ( 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
02.12.2017 11:12
#7 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

Also so?



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

Themen:

 Antworten

 Beitrag melden
02.12.2017 11:13
avatar  ( 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
02.12.2017 11:15
#9 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

In der CSS hab ich das drin.


Themen:

 Antworten

 Beitrag melden
02.12.2017 11:18
avatar  ( 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
02.12.2017 11:18
#11 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

Nö....tuts leider nicht.

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

Themen:

 Antworten

 Beitrag melden
02.12.2017 11:25
avatar  ( 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
02.12.2017 11:33 (zuletzt bearbeitet: 02.12.2017 11:40)
avatar  ( 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)


 Antworten

 Beitrag melden
02.12.2017 11:44
#14 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied

Die Demo sieht toll aus.

Ich bin aber völlig überfordert so etwas hinzubekommen.
Naja....vielleicht klappt's ja noch hier mit dem Forencode .....

Themen:

 Antworten

 Beitrag melden
02.12.2017 11:45
avatar  Ludger
#15 RE: Grafik rotieren lassen mittels BB Code
avatar
Mitglied
viele Grüße
Lud

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!