Replies: 1 comment
-
This worked with me, I added the following to import { fontFamily } from "tailwindcss/defaultTheme";
/** @type {import('tailwindcss').Config} */
const config = {
// other code here...
theme: {
// other code here...
extend: {
// other code here...
animation: {
'spin-reverse': 'spin-reverse 1s linear infinite',
},
keyframes: {
'spin-reverse': {
from: {
transform: 'rotate(360deg)',
},
to: {
transform: 'rotate(0deg)',
},
},
},
}
},
};
export default config; |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Since TailwindCSS "only" features
animate-spin
which will spin items clockwise. This is fine most of the time. Sometimes spinning e.g. SVGs required a counter-clockwise rotation. I've created a Tailwind Play at https://play.tailwindcss.com/tXl8Pim9Sn as a proof-of-concept.Beta Was this translation helpful? Give feedback.
All reactions