Flexbox Playground

Ndertues vizual i layout CSS Flexbox. Eksperimentoni me vetite dhe kopjoni kodin.

Drejtimi

Justify Content

Align Items

Flex Wrap

Hapesira (8px)

Elementet: 3

Kodi CSS

.container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 8px;
}

Si Funksionon

Futni ose ngjisni permbajtjen ne fushen e hyrjes.

Konfiguroni opsionet dhe parametrat.

Kopjoni rezultatin ose shkarkoni skedarin.

Gjithcka procesohet ne shfletuesin tuaj. Asnje skedar nuk dergohet ne server.

Ndertues vizual i paraqitjes CSS Grid me rreshta, kolona dhe hapesira te personalizueshme.

Krijoni animacione CSS keyframe me kontrolle vizuale te kohezgjatjes dhe lehtesimit.

Gjeneroni vlera CSS box-shadow me nje redaktues vizual. Personalizoni zhvendosjen, turbulliren, perhapjen, ngjyren dhe opacitetin.

Parashikoni ciftet e Google Fonts per tituj dhe tekst trupi. Gjeni kombinimin perfekt.

Krijoni forma CSS clip-path me nje redaktues vizual interaktiv.

Gjeneroni efekte CSS te xhamit te ngrire me turbullim dhe transparence te rregullueshme.