CSS calc mit Erben

Möchte ich inherit mit calc() wie diese:

#foo {
  animation-duration: 10s;
}
#foo > .bar {
  animation-duration: calc(inherit + 2s); /* =12s */
}

Aber es scheint nicht zu arbeiten.

Ist es Browser-bug oder specs?

  • Funktioniert das nicht so ......
  • Scheint, Sie sind aus Glück heraus. Getestet habe ich wenn Sie schreiben, könnte calc(100% + 2s) aber auf die Dauer die Eigenschaften nicht nehmen Prozentsätze. (Nur 120% selbst nicht funktioniert.) Sorry. Gute Frage aber!
  • Wenn Weniger ist eine option, die Sie tun können @duration:10s; #foo {animation-duration:@duration;} #foo > .bar {animation-duration:@duration + 2s; }. Das ist natürlich nicht genau das gleiche. Es gibt auch CSS-Variablen, aber das ist science-fiction für heute.
  • Hi, hast du einen workaround finden?
  • nothink in reinem css
  • Sekunden werden nun unterstützt in calc da Firefox Quantum update (neue Stylo CSS-engine)

InformationsquelleAutor Yukulélé | 2014-02-06
Schreibe einen Kommentar