التصميم والموارد

Focus Ring CSS مولد

إنشاء accessible focus-ring CSS.

الإدخال

Focus Ring CSS مولد

focus ringaccessibilitycssui

الإخراج

Focus Ring CSS Generator

.focusable:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px color-mix(in srgb, #dbeafe 24%, transparent);
  border-radius: 12px;
}

أدوات مشابهة

لون محول

Convert between HEX, RGB, و HSL لون لـmats.

CSS Gradient مولد

إنشاء a linear gradient و copy the CSS instantly.

Favicon مولد

Create a simple SVG favicon من initials و brو لونs.

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments و extra whitespace.

CSS منسق

Pretty-print CSS مع readable indentation.