Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

Referenz:CSS/Eigenschaften/transform-origin

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft transform-origin CSS 3.0
Beschreibung legt ein Zentrum oder einen Dreh- und Angelpunkt für transform:rotate() fest, um den ein Element gedreht wird.
erlaubte Werte
  • x-Achse: legt den Wert der Höhe fest
  • y-Achse: legt den Wert der Breite fest
  • z-Achse: legt den Wert der Tiefe (bei 3d-Objekten) fest
  • initial:
  • inherit: Wert wird vom Elternelement übernommen
default-Wert

50% 50% 0

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung ja
animierbar ja
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif transform-origin property
Beispiel
#rotate3 div {
  background:lime;	
  transform-origin: center 100%;
}
Beachten Sie

Für ältere Versionen von Safari und Android müssen Sie proprietäre Eigenschaften verwenden.

für Android und Safari:

  • -webkit-transform


Hinweis

Sie sollten bei der Definition solcher noch nicht umfassend verbreiteter Eigenschaften die herstellerspezifischen Angaben immer vor der standardisierten Form machen. Da später gemachte Angaben frühere überschreiben, ist so sichergestellt, dass die standardisierten Angaben von dem Zeitpunkt an, an dem sie unterstützt werden, auch verwendet werden.
Tipp