Gunnar Bittersmann: Adventskalender 2019

Beitrag lesen

@@Matthias Apsel

html {
  --background-color: #e6f2f7;
  background-color: var(--background-color);
}

li a { color: var(--background-color) }

li a:hover, li a:focus, li a:visited { color: #306f91 }

Wobei das unter Umständen bei der Transition hässliche Farbübergänge liefert.

Warum sollte? Verwechselst du das mit dem Übergang von transparent (was IIRC #0000, also transparentes Schwarz ist) zu einer Farbe (nicht Schwarz)? Bspw. zu Weiß, wo der Übergang dann transparent → grau → weiß ist? Oder war; ich glaube mich zu erinnern, dass Browser an dem Algorithmus nachgebessert haben.

Beim Übergang von #e6f2f7 zu #306f91 ist aber gar keine Transparenz im Spiel. Die hatten wir ja gerade aus Gründen rausgenommen.

Anyway:

Interessant auch die Frage, ob sich die Variablen ohne Whitespace einfügen. Dann könnte man auch var(--background-color)00 resp. var(--background-color)ff schreiben.

Ich glaube, so geht’s nicht. Aber so:

foo { --color: -20deg 80% 30%; background: hsl(var(--color) / 0) }

foo:hover, foo:focus { background: hsl(var(--color) / 1) }

Oder auch mit rgb(), wenn’s denn sein muss. (Muss aber nicht.)

Nur Teile des Werts einer CSS-Eigenschaft in einer custom property – den Trick hab ich in der CSSBattle desöfteren angewandt.

Aber jetzt: Kaffee!

Protip: Erst Kaffee, dann Forum! 🤪

LLAP 🖖

--
„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“
„Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“

—Marc-Uwe Kling
5 51

Adventskalender 2019

Matthias Apsel
  • sonstiges
  1. 0
    Der Martin
    1. 0
      Tabellenkalk
      1. 0
        Matthias Apsel
      2. 0
        Gunnar Bittersmann
      3. 0
        Christian Kruse
  2. 0
    Gunnar Bittersmann
    1. 0
      Matthias Apsel
      1. 0
        Gunnar Bittersmann
        • browser
        • css
        • datenschutz
        1. 0
          Felix Riesterer
          1. 0
            Der Martin
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Matthias Apsel
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Matthias Apsel
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Matthias Scharwies
                            • browser
                            • css
                            • php
                          2. 0
                            Matthias Apsel
                            1. 0
                              Gunnar Bittersmann
                              • css
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Matthias Apsel
                              2. 0
                                Der Martin
                                • menschelei
                                1. 0
                                  Felix Riesterer
                                  1. 0
                                    JürgenB
                                    1. 0
                                      Camping_RIDER
                                  2. 0
                                    Rolf B
                                  3. 0
                                    Der Martin
                              3. 0
                                Rolf B
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Gunnar Bittersmann
                                  2. 1
                                    Rolf B
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Gunnar Bittersmann
                          3. 0

                            ungewollte Transitionen im FF

                            Matthias Apsel
  3. 0
    Gunnar Bittersmann
  4. 0
    Felix Riesterer
    • meinung
    • sonstiges
    1. 0
      Matthias Apsel
    2. 0
      ottogal
      1. 0
        Matthias Apsel
      2. 0
        Gunnar Bittersmann
    3. 0
      Gunnar Bittersmann
  5. 0
    ottogal
    1. 0
      Gunnar Bittersmann
      1. 0
        ottogal
        1. 0
          Matthias Apsel
  6. 1
    Gunnar Bittersmann
    • css
    • selfhtml-wiki
    • svg
  7. 1
    Caroline B.