Gunnar Bittersmann: SVG Grafiken

Beitrag lesen

@@Auge

Die SVG-Grafik sollte einerseits mit wenigen Kilobyte auskommen und ist, wie ich schon schrieb, XML und damit für CSS-Regeln zugänglich. Bindest du die Grafik mit <img src="bla/folder.svg" alt=""> ein, kannst du für a img[src$=".svg"] und a:hover img[src$=".svg"] unterschiedliche Regeln festlegen.

Nein. Per img eingebundene SVGs sind ebensowenig wie Hintergrund-SVGs von außen stylebar.

Siehe Tabelle unter Embedding SVGs in Sara Soueidans SmashingMag-Artikel „Styling And Animating SVGs With CSS“

LLAP 🖖

--
Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
0 61

Class ändern bei Hover

Sara
  • css
  • html
  1. 0
    Auge
    1. 0
      Sara
    2. 0

      JavaScript

      Sara
      • css
      • html
      • javascript
      1. 0
        Christian Kruse
        1. 0
          Sara
          1. 0
            Christian Kruse
            1. 0
              Sara
              • javascript
              1. 0
                Christian Kruse
        2. 0
          Gunnar Bittersmann
          1. 0
            Sara
            1. 0
              Gunnar Bittersmann
              1. 0
                Sara
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunnar Bittersmann
                    • sonstiges
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Tabellenkalk
                          1. 0
                            Matthias Apsel
                        2. 0
                          Matthias Apsel
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Der Martin
                              • menschelei
                              • sonstiges
                              1. 0
                                Gunnar Bittersmann
                                • animation
                                • menschelei
                                • sonstiges
                                1. 0
                                  Gunnar Bittersmann
                                  • animation
                  2. 3

                    Jupiter

                    Orlok
                    • canvas
                    • javascript
                    • webgl
                    1. 0
                      Matthias Scharwies
                      • canvas
                      • javascript
                      1. 0

                        WebGL

                        Orlok
                        • canvas
                        • javascript
                        • webgl
                    2. 0
                      Gunnar Bittersmann
                      • canvas
                      • javascript
                    3. 0
                      Gunnar Bittersmann
                      • canvas
                      • javascript
          2. 0
            Christian Kruse
            1. 0
              Gunnar Bittersmann
              1. 0
                Christian Kruse
                1. 0
                  Gunnar Bittersmann
                  • menschelei
                  • zu diesem forum
  2. 0
    Tabellenkalk
    1. 0
      Sara
      1. 0
        henman
        1. 0
          Sara
          1. 0
            Matthias Apsel
          2. 0
            henman
            1. 0
              henman
          3. 0
            Auge
          4. 0
            Tabellenkalk
            1. 0
              Sara
    2. 0
      Gunnar Bittersmann
      • css
      • svg
  3. 0
    Gunnar Bittersmann
    1. 0
      Sara
      1. 0
        Christian Kruse
        1. 0
          Sara
          1. 0
            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            Christian Kruse
      2. 0
        Gunnar Bittersmann
        1. 0
          Sara
          1. 0
            Gunnar Bittersmann
            • ux
            1. 0
              Sara
          2. 0
            bobby
            1. 0
              Gunnar Bittersmann
              • css
              • html
              • svg
  4. 0

    SVG Grafiken

    Sara
    • css
    • svg
    1. 0
      Auge
      1. 0
        Gunnar Bittersmann
    2. 0
      Gunnar Bittersmann