Hallo Daishi, wie sieht die Spirale farblich bei Dir aus? Wechselt sie die Farbe, oder bleibt eine feste Farbe? In Deinem HTML-Skript scheint noch ein Fehler zu sein! Da fehlen DIV's oder SPAN's, bitte überprüfen! Habe mal DIV's eingebaut.
So sieht es bei mir nach Einfügen der DIV's aus! Bei mir zeigt sich nach Einbau der DIV's ein langsam rotierendes, kreisrundes, rotes Gebilde, das seine Randstärke je nach Position im gesamte Umfang unterschiedlich verändert!
Die "Magische farbige Spirale" - HTML: Div-Container eingefügt
Sie ist bunt, dazu braucht man das JavaScript. Sie läuft dann in alle Richtungen. Ich versuche das JavaScript in das Modul hier im Forum einzubauen. Auf der Homepage geht es tadellos. Ich bin ja an vielem am testen. Ich habe ja eine eigene PHP-Forensoftware, da bastele ich mit rum und funtzt soweit. Muss bei manchen Sachen auch noch rumbasteln. Manche CSS-Codes gehen in PHP nicht, aber wenn man sie einzeln bearbeitet gehen die wie gesagt. Ich teste ja selbst noch rum. Das Forum ist nicht öffentlich einsehbar. Habe mein alten PC zum Server umgebaut, da teste ich alles und erstellen tue ich das alles mit = [codepen]. Es ist ein Programm um das hier alles zu erstellen HTML CSS und CSS3 und JavaScript.
Den Code für JavaScript braucht man, damit die magische Spirale funktioniert.
Fehlersuche: Magisch sich drehende farbige Spirale
Hallo Daishi, habe die farbige Spirale jetzt nachbauen können, die Textreflektion allerdings nicht!
Auf der Seite von CODEPEN kann man sich den Quellcode mit "Rechte Maustaste" und "Untersuchen" besser angesehen! Hier sind noch mehrere JavaScript-Dateien eingebaut! Will man außerhalb von CODEPEN die Spirale zum Laufen bringen, benötigt man noch mindestens ein JavaScript.
Wenn man in der "Codepen-Console" unter "HTML" auf den "Pfeil nach unten" klickt und "View Compiled HTML" auswählt, werden auch die DIV-Container angezeigt!
Die farbige Spirale im Forum sichtbar machen
Will man die Spirale zum Testen im Forum platzieren, muss der Eintrag in der CSS etwas geändert werden! Der gesamte Eintrag kann in die "Kopfzeile".
In Zeile 9-15 wurde der "body-Eintrag" deaktiviert
In Zeile 18+19 kommt "z-index" und "overflow" hinzu! Soll sich die Spirale hinter den Foren-Boxen bewegen, entfällt "z-index"!
In Zeile 166 ist das noch notwendige JavaScript zu finden!
Super Effekt, ausgefallen, auch mit wenig Aufwand anzuzeigen und gut anwendbar....
Außerhalb von "CODEPEN", mit zusätzlichen JavaScript-Dateien habe ich es nicht hinbekommen.... Ohne das JavaScript funktioniert es auch! Allerdings muss man den Text zweimal eingeben (Zeile 3+4)! Interessanterweise lässt sich die Textreflektion auch direkt mit dem BB-Forencode realisieren, wie hier die Überschrift! Oder als HTML-Script mit CSS-Style!