Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.icon { display: inline-block; transition: transform 0.3s ease; } .icon:hover { transform: rotate(15deg) scale(1.1); } .btn { transition: transform 0.2s ease; } .btn:active { transform: scale(0.96); } .panel { transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .panel.open { transform: translateX(0); } .panel.closed { transform: translateX(-100%); }
Result
Open