StepsEasy
CSS Transitions - Example
Run
Reset
Destroy & Close
← Back to lesson
Code Editor
css
.button { background: #3498db; color: white; padding: 10px 20px; border: none; border-radius: 4px; transition: all 0.3s ease; } .button:hover { background: #2980b9; transform: scale(1.05); box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
Result
Click "Run" to execute the code...
Loading runtime...
Ready
CSS | In-Browser Execution