Programmiererforum

Ich habe mit einem rotierenden Gradientenrand unter Verwendung von Rückenwind und CSS einen Knopf erstellt. Ich habe mich gefragt, wie ich den rotierenden Gradientengrenzeffekt auch in React Native wieder herstellen würde. Hier ist der Code meiner Schaltfläche: < /p>
navigate('/cart')}
className="relative overflow-hidden rounded-lg px-20 py-6 group"
>

Go to Cart



< /code>
Hier ist die Rückwindkonfiguration: < /p>
backgroundImage: {
'gradient-conic': 'conic-gradient(var(--tw-gradient-stops))',
},
keyframes: {
disco: {
'0%': { transform: 'translateY(-50%) rotate(0deg)' },
'100%': { transform: 'translateY(-50%) rotate(360deg)' },
},
},
animation: {
disco: 'disco 3s linear infinite',
},
< /code>
Schauen Sie sich die Testwebsite an, um den Effekt zu sehen: Test -Website.>