Công cụ CSS
5 công cụTạo đổ bóng box-shadow, hiệu ứng animation, dải màu gradient, làm đẹp CSS và bảng tra cứu Tailwind CSS.
Tool list
Làm đẹp CSS
Format lại CSS lộn xộn, minify để giảm dung lượng, hoặc đếm số rule, selector, media query — tất cả trong cùng một tab.
Tạo box-shadow CSS
Tạo box-shadow CSS đa lớp với preview live: stack nhiều shadow inner/outer, chỉnh offset, blur, spread, opacity, border-radius — copy CSS hoặc Tailwind class.
Tạo border CSS
Thiết kế border CSS: width từng cạnh, 8 style border, màu + opacity, border-radius từng góc — live preview và copy CSS / Tailwind.
Tạo CSS filter
Áp filter CSS: blur, brightness, contrast, saturate, hue-rotate, grayscale, sepia, opacity, invert, drop-shadow — preview trên ảnh, avatar, card. Copy CSS / Tailwind.
Tạo CSS animation
Tạo CSS keyframe animation: thư viện fade, slide, zoom, bounce, rotate; chỉnh duration, easing, delay, iteration, direction, fill-mode. Copy CSS, HTML, React, Vue.