Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.card { background: white; transform: translateY(0); box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: background 0.2s ease, transform 0.3s ease-out, box-shadow 0.3s ease; } .card:hover { background: #f8f9fa; transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }
Result
Open