CSS Playground

Կառուցեք դասավորություններ և անիմացիաներ — flexbox, CSS Grid և @keyframes, ակնթարթային նախադիտում և ներբեռնում:

1
2
3
4

Ստեղծված CSS

/* Կարգավորեք պարամետրերը CSS ստեղծելու համար */

Օնլայն CSS Playground — դասավորություն բրաուզերում

Flexbox, CSS Grid և անիմացիաներ մեկ տարածքում. Ձախ՝ կարգավորումներ, աջ՝ արդյունք, ներքև՝ CSS: Ամեն ինչ տեղային:

css flexbox generator, css grid generator, css animation generator և online css playground — իրական CSS:

CSS Flexbox Generator

Flexbox ներդիրում display: flex. Փորձեք flex-direction, justify-content, align-items, gap:

.flex-container և .flex-item-N դասեր:

CSS Grid Generator

Սյուներ, տողեր, gap, repeat(auto-fit, minmax(80px, 1fr)): Span առաջին տարրի վրա:

.grid-container և .grid-item-N:

CSS Animation Generator

fade, slide, bounce, scale: @keyframes ավտոմատ:

Պատճենեք @keyframes և .animated-box:

Կենդանի CSS

Copy, Reset, Download .css — իրական ժամանակում:

Flexbox → Grid → Animation:

Գաղտնի և անվճար

Տվյալները չեն ուղարկվում սերվեր: css flexbox generator և css grid generator:

Ամբողջական online css playground:

Հաճախ տրվող հարցեր

CSS Playground-ը անվճա՞ր է։ Այո։ CSS-ը սերվեր ուղարկվու՞մ է։ Ոչ, ամեն ինչ տեղային է։ Արդյունքը կարելի՞ է օգտագործել production-ում։ Այո, ձեր նախագծին համապատասխանեցնելուց հետո։

JSON Formatter (/json-formatter), Image to WebP (/image-to-webp), Base64 Converter (/base64-converter), գլխավոր էջ (/):