Rahmenhandlungen

Mit Rahmen lassen sich Elemente optisch begrenzen. Rahmen benutzt man häufig bei Buttons, Cards und anderen Komponenten. Wenn es an die Umsetzung geht, denken die meisten wahrscheinlich zuerst an die Eigenschaft border, aber Rahmen können auch auf andere Arten erstellt werden: beispielsweise mithilfe von outline oder auch box-shadow. Eine weitere Möglichkeit wäre es, mit übereinander platzierten Hintergrundbildern Rahmen zu definieren und für ungewöhnliche Formen kann man zudem auf Masken zurückgreifen.

Der Artikel zeigt Ihnen die Funktionsweise der Eigenschaften, was ihre Unterschiede sind und was sich wofür eignet. Außerdem sehen Sie, wie Sie schnell einen animierten Loading-Spinner erstellen, welche Techniken es für Rahmen mit Farbverläufen gibt und wie sich Zickzack-Ränder und ähnliche Effekte umsetzen lassen.