Rolf B: Neustart Transform-Tutorial

Beitrag lesen

Hallo Matthias,

tja, wenn man jetzt Mathelehrer wäre, gelle 😉

Wenn du x,y,width und height als custom properties hast, dann bekommst Du das Zentrum des Rechtecks ganz einfach so:

.foo {
   transform-origin: calc(var(--x) + 0.5*var(--width)),
                     calc(var(--y) + 0.5*var(--height));

Rolf

--
sumpsi - posui - obstruxi
0 67

CSS Animationen kombinieren

Killua
  • css
  1. 0

    CSS-Transformationen kombinieren

    Gunnar Bittersmann
    1. 0
      Rolf B
      1. 0
        Killua
        1. 0
          Matthias Scharwies
          1. 0
            Killua
            1. 0
              Matthias Scharwies
              1. 0
                meltemi
                1. 0
                  Matthias Scharwies
                  1. 0
                    Killua
              2. 0
                Killua
            2. 0
              Der Martin
              1. 0
                Killua
                1. 0
                  Der Martin
                2. 0
                  Gunnar Bittersmann
                  • menschelei
                  • rechtschreibung
                  1. 0
                    Killua
                    1. 0
                      Auge
                      1. 0
                        Tabellenkalk
                        1. 0
                          MudGuard
                        2. 0
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
                            • menschelei
                            • musik
                            • rechtschreibung
                            1. 0
                              Gunnar Bittersmann
                              1. 1
                                Rolf B
                3. 0
                  Rolf B
          2. 1
            Rolf B
            1. 0
              Matthias Scharwies
            2. 0
              Killua
              1. 0
                Rolf B
                1. 0
                  Killua
          3. 0

            Neustart Transform-Tutorial

            Matthias Scharwies
            1. 0
              Matthias Scharwies
            2. 1
              Matthias Scharwies
            3. 0
              Matthias Scharwies
              1. 0
                Rolf B
                1. 0
                  Matthias Scharwies
                  1. 0
                    Matthias Scharwies
                    1. 0
                      Der Martin
                      1. 0
                        Matthias Scharwies
                        1. 0
                          Rolf B
                          1. 0
                            Der Martin
                            1. 0
                              Rolf B
                              1. 0
                                Der Martin
                                1. 0
                                  Gunnar Bittersmann
                                  • geometrie
                                  • svg
                                  1. 0
                                    Matthias Scharwies
                                    1. 0

                                      Transform-Tutorial aktualisiert

                                      Matthias Scharwies
                          2. 0
                            Gunnar Bittersmann
                            • css
                            • programmiertechnik
                            1. 0
                              Rolf B
                              1. 0
                                Gunnar Bittersmann
    2. 0
      Killua
      1. 0
        Gunnar Bittersmann
        1. 0
          Killua
    3. 0
      Killua
      1. 0
        Rolf B
        1. 0
          Killua
          1. 0
            Killua
  2. 0
    Killua
    1. 0
      Killua
    2. 0

      CSS Animation

      Matthias Scharwies
      • animation
      • css
      1. 0
        Killua
        1. 0
          Matthias Scharwies
    3. 0
      T-Rex
      1. 0
        Rolf B
        1. 0
          Gunnar Bittersmann
          1. 0
            Rolf B
      2. 0
        Killua
        1. 0
          T-Rex
          1. 0
            Killua