Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Simple rotation */ .icon-spin { transform: rotate(45deg); } /* Continuous spin animation */ @keyframes spin { to { transform: rotate(1turn); } /* 1turn = 360deg */ } .loader { animation: spin 1s linear infinite; } /* Scale up on hover */ .zoom-card { transition: transform 0.25s ease; } .zoom-card:hover { transform: scale(1.05); } /* Flip (mirror) */ .mirrored { transform: scaleX(-1); } /* Combined rotate + scale */ .badge:hover { transform: rotate(-3deg) scale(1.08); } /* Standalone properties (modern CSS) */ .modern { rotate: 30deg; scale: 1.1; }
Result
Open