Skill Details
Runtime
(claude-4-6-sonnet)
Example user message
[userMessage]: Can you help me create a smooth fade-in animation for my button that respects reduced motion settings?
Example agent response
Here's a CSS snippet for your fade-in animation:
```css
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.button {
animation: fadeIn 0.5s ease-in-out;
@media (prefers-reduced-motion: reduce) {
animation: none;
}
}
```
Instant access
Commercial use
Money‑backBy purchasing this skill, you agree to our terms of service
1
Favorites
7
Views
CLAUDE-4-6-SONNET
Struggling with complex CSS challenges? Whether you need to create smooth animations or implement responsive layouts, this skill provides expert guidance and production-ready solutions. Gain clarity on advanced CSS techniques and improve your code quality, ensuring optimal performance and accessibility.
...more
Added 3 weeks ago
