📐 Generator Spacing UI
20
10
📦 Element
.element {
padding: 20px;
margin: 10px;
background: #6C63FF;
}
🎯 Generator Animații CSS
1.0s
✨ Hover
@keyframes animation-name {
0% { /* start */ }
100% { /* end */ }
}
📐 Generator CSS Grid
3
15
100
${Array(6).fill(`
📦
`).join('')} display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
🎯 Generator UI Butoane
background: #6C63FF;
color: white;
padding: 12px 30px;
border-radius: 8px;
border: none;
font-size: 16px;
font-weight: 600;
cursor: pointer;
📱 Generator Breakpoints
/* Breakpoints */
@media (max-width: 1200px) { /* Desktop */ }
@media (max-width: 992px) { /* Laptop */ }
@media (max-width: 768px) { /* Tablet */ }
@media (max-width: 576px) { /* Mobile */ }