Pleasetransforms
Safe to use with fallbackcssIf your transforms destroy the readability of your site on browsers that do not support them, use Modernizr's no-csstransforms class to adjust the design so that the text remains readable.
- Verdict
- Safe to use
- Category
- CSS features
- Browser support
- Can I Use
- Works in
- all modern browsers
Should you use transforms in 2026?
In the unlikely event of you needing a polyfill for unsupported browsers, use Transformie or CSSSandpaper.
If you need full support, you will need to include some prefixes: -webkit- for Safari and -ms- for IE9.
How to use it
.card:hover { transform: scale(1.03) rotate(-1deg); }
.drawer { transform: translateX(-100%); }