Hallo zusammen,
nachfolgend eine Möglichkeit seine Mitglieder und / oder Gästen auf Ereignisse, Bekanntmachungen oder sonstiges in Form eines Schildes hinzuweisen. Die Schilder sind animiert (swing = schaukelnd) dargestellt und können individuell mit ein Gradient (Farbverlauf) oder aber einen Hintergrundbild versehen werden.
Features
- Leichte Integration
- Einfaches anpassen an Deinen Style
- Mit Gradient oder Hintergrundbild möglich
- Animationsgeschwindigkeit ist eigenen Wunsch anpassbar
- Quasi unendlich zu jedem Anlass anpassbar bzw. erweiterbar
Demo
Eine Live Demo kann auf Codepen.io: Schwingende Schilder betrachtet werden.
Quellcode
Füge onclick="parentNode.remove()" nach class="XYZ" ein, um das Schild bei onclick vollständig entfernen lassen zu können.
[info='warning']Beachte bitte am Ende des CSS-Quellcode die "@keyframes swing", welche zwingend zur Animation benötigt werden!
Benutzung
- HTML-Quellcode an gewünschter Stelle einfügen.
Dies kann innerhalb einer Box, auf einer statischen Seite oder aber auch via Template geschehen. - Quellcode wie o.a. im "Stilunabhängigen CSS / SCSS" oder aber im Stil unter "Erweiterte Einstellungen" einfügen.
Hinweis: Benutzt "Stilunabhängigen CSS / SCSS" nur wenn ihr keine anderen Stilgruppen verwendet! - Menü CSS-Eigenschaften nach eigenen belieben editieren.
Lizenz
Copyleft oder mit anderen Worten, macht damit was Ihr wollt
Screenshot
Viel Spaß damit
Gruss,
Andreas