Werte von HTML an die Datei tailwind.config.js übergeben? (Benutzerdefinierte CSS-Eigenschaften für Rückenwind)? ⇐ CSS

[Anonymous]

Ist es möglich, einen Wert von HTML an die Datei tailwind.config.js zu übergeben?
Ich möchte im Wesentlichen etwas Ähnliches tun, wie wir einen Wert von HTML an CSS übergeben können, indem wir benutzerdefinierte Eigenschaften verwenden. Aber stattdessen wird es an die Datei tailwind.config.js übergeben.
Mit HTML und CSS können Sie beispielsweise Folgendes tun:

Code: Select all

.fill-color {
color: var(--color);
}

Test

Aber in meinem Projekt muss ich eine Variable wie 20 aus der Datei index.html übergeben:

Code: Select all

Test

Damit ich den Keyframes-Prozentsatz richtig einstellen kann: Tailwind.config.js-Datei unten

Code: Select all

module.exports = {
extend: {
animation: {
scroll: 'scroll 25s linear infinite'
}
},
keyframes: {
scroll: {
'0%': {transform: 'translateX(0%)'},
'100%': {transform: 'translateX(NEED 20 VALUE HERE%)' },
}
},
}