Visi rīki

CSS border-radius ģenerātors

Interaktīvi veidojiet CSS border-radius. Bloķējiet visus stūrus kopā vai kontrolējiet katru atsevišķi, tad nokopējiet ģenerēto CSS kodu.

Corners

Preview

Generated CSS

Buy me a coffee

Padomi un ieteikumi

  • Iestatiet visus stūrus uz 50%, lai izveidotu perfektu apli.
  • Īsforma kā border-radius: 8px attiecas uz visiem četriem stūriem vienlaikus.
  • Četras vērtības seko secībai: augšā-kreisi, augšā-labā, apakšā-labā, apakšā-kreisi.
  • Jauktām vērtībām izmantojiet CSS garoformātu, piemēram border-top-left-radius.

Saistītie rīki

CSS teksta ēnas ģenerātors

Izveido slāņainus CSS teksta ēnu efektus ar tiešraides priekšskatījumu un viena klikšķa kopēšanu.

CSS filtra ģenerātors

Ģenerē CSS filtra efektus — izplūšanu, spilgtumu, kontrastu, krāsu rotāciju, piesātinājumu, sepiju un vairāk — ar attēlu priekšskatījumu.

CSS clip-path ģenerātors

Interaktīvi ģenerē CSS clip-path formas — poligonus, apļus un elipses — ar tiešraides priekšskatījumu. Velc vadīklas.

CSS animāciju ģenerātors

Vizuāli veido CSS @keyframe animācijas ar laika, atslābuma, aizkaves un atkārtošanās vadīklām.

CSS Flexbox ģenerātors

Vizuāls flexbox spēļu laukums — konfigurē flex-direction, flex-wrap, justify-content, align-items un elementu rekvizītus.

CSS lodziņa ēnas ģenerātors

Vizuāli veido CSS lodziņa ēnas ar slaidēm. Vairāki ēnu slāņi, izplūšana, izplatība, krāsa un necaurredzamība.

CSS gradienta ģenerātors

Vizuāli veido skaistus CSS lineāros un radiālos gradientus. Pielāgo krāsas, pieturas un leņķi — kopē gatavo CSS.

CSS gradienta teksta ģenerātors

Izveido gradienta teksta efektus tiešsaistē. Izvēlas 2–4 krāsas, virzienu un kopē gatavo CSS background-clip kodu.

CSS mainīgo ģenerātors

Izveido pilnu CSS pielāgoto rekvizītu :root bloku krāsām, atstarpēm, tipografijai un apmales rādiusam.

CSS tīkla ģenerātors

Vizuāli veido CSS tīkla izkārtojumus. Konfigurē kolonnas, rindas, atstarpus un kopē ģenerēto CSS.