Ich muss einen Buuton wie hier in der Seat-Werbung erstellen. Mit Bordmitteln ist das nicht möglich und im Netz finde ich auch nichts passendes. Hat einer von euch eine Idee oder einen Link?
Gepostet am
21 ANTWORTEN
Andreas S.
Moderator
ICh sehe keinen Seat Werbung Button! Welchen Button meinst du denn dies ist eine Surfverhalten Werbeseite mit individueller Werbung! Musste sogar meine Adblocker ausschalten um die Seite überhaupt zu sehen.
Ja, da seid ihr etwas spät dran. Bild hat die Seite schon aktualisiert, da ist jetzt eine andere Werbung. Der Button war animiert, ein Rahmen lief rund um den Buttontext und der Button blinkt dann mehrmals bevor er verschwand und neu aufgebaut wurde.
Diese Seiten kenne ich natürlich, habe dort aber nicht die richtige Animation gefunden. Zu erwähnen ist vielleicht noch, dass die Animation nach dem Start der Seite beginnt und der Button mit jedem Start der Seite neu aufgebaut wird. Ein anderes Beispiel habe ich leider nicht gefunden.
Uns auch nicht wenn wir oder ich nicht den Button gesehen habe(n)! Deshalb kann nicht genau gesagt werden ob der mit Eigenmittel oder mit teilweisen Code oder nur Code gelöst werden kann.
Tja, das weiß ich auch nicht, deshalb habe ich gestern auch nicht geantwortet...
Nach meinem bisherigen Kenntnisstand werden solche selbstauslösende Animationen mit css und keyframe realisiert. Beispiele mit Code gibt es im Netz tausende, aber nicht die von mir benötigte Animation.
ICh sehe keinen Seat Werbung Button! Welchen Button meinst du denn dies ist eine Surfverhalten Werbeseite mit individueller Werbung! Musste sogar meine Adblocker ausschalten um die Seite überhaupt zu sehen.
Karl, die Werbung auf Bild.de ist niocht zu sehen. Hast Du noch ein weiteres Beispiel?
Ja, da seid ihr etwas spät dran. Bild hat die Seite schon aktualisiert, da ist jetzt eine andere Werbung. Der Button war animiert, ein Rahmen lief rund um den Buttontext und der Button blinkt dann mehrmals bevor er verschwand und neu aufgebaut wurde.
Autor
@Franz-Josef H.
Genau den meine ich, weiß aber nicht unter welcher Bezeichnung die Animation zu finden sein könnte.
Tja, das weiß ich auch nicht, deshalb habe ich gestern auch nicht geantwortet...
Karl, sdcdhau doch mal hier
https://dev.to/webdeasy/top-20-css-buttons-animations-f41
https://freefrontend.com/css-buttons/
Autor
@Andreas L.
Diese Seiten kenne ich natürlich, habe dort aber nicht die richtige Animation gefunden. Zu erwähnen ist vielleicht noch, dass die Animation nach dem Start der Seite beginnt und der Button mit jedem Start der Seite neu aufgebaut wird. Ein anderes Beispiel habe ich leider nicht gefunden.
Autor
Ich nehme an, das ist mit css oder js gemacht, konnte das aber im Quelltext nicht sehen.
Wo wird SCSS eingeführt?
Gar nicht!
Danke für den Hinweis, denn obiger Link
Karl, sdcdhau doch mal hier
https://dev.to/webdeasy/top-20-css-buttons-animations-f41
funktioniert zu ca. 40% nur mit SCSS
Unten drücken auf "View Compiled"
Autor
Sehr interessant, hilft mir aber nicht wirklich.
Uns auch nicht wenn wir oder ich nicht den Button gesehen habe(n)! Deshalb kann nicht genau gesagt werden ob der mit Eigenmittel oder mit teilweisen Code oder nur Code gelöst werden kann.
Autor
Besser kann man es nicht beschreiben.
Aber was nützen solche Buttons ohne eigentlichen Nutzen?
Autor
Nach meinem bisherigen Kenntnisstand werden solche selbstauslösende Animationen mit css und keyframe realisiert. Beispiele mit Code gibt es im Netz tausende, aber nicht die von mir benötigte Animation.
Vielleicht kannst Du mit Webanimator den passenden Button basteln?
Autor
Dafür investiere ich doch nicht 90,00 €.
Wer besondere Wünsch hat, sollte aktuell bleiben. Die Version 13 ist mittlerweile uralt.
Die aktuelle Version 2019.3 Pro hat einen Button integriert.