Gjenerues CSS Grid

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

Columns

Rows

Gap10px

Column Sizes

Row Sizes

Click a cell to start placing an item, then click another to define the area

1,1

2,1

3,1

1,2

2,2

3,2

1,3

2,3

3,3

CSS

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 10px;
}

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 layout CSS Flexbox. Eksperimentoni me vetite dhe kopjoni kodin.

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.