Devloris CSS Utilities Generator

👁️

box-shadow: ;

⚙️

👁️

border-radius: ;

⚙️

🔒 🔓

👁️

Devloris

transform: ;

⚙️

👁️

filter: ;

⚙️

📝

/* HTML'de kullanım */
.button {
  background: var(--primary-color);
  color: var(--text-color);
}

⚡

📄

💡

Bu araç, yaygın Tailwind class'larını standart CSS'e çevirir. Tüm Tailwind özelliklerini desteklemez, temel utility class'lar için tasarlanmıştır.

This tool converts common Tailwind classes to standard CSS. It doesn't support all Tailwind features, designed for basic utility classes.

👁️

Devloris

text-shadow: ;

⚙️

👁️

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

⚙️

👁️

Glassmorphism

backdrop-filter: ;

⚙️

👁️

Duration:

transition-timing-function: ;

⚙️

P1 X:

P1 Y:

P2 X:

P2 Y:

👁️

background: ;

⚙️

👁️

clip-path: ;

⚙️

👁️

⚙️

Item 1 (flex):

Item 2 (flex):

Item 3 (flex):

👁️

⚙️

Örnek: repeat(3, 1fr), 200px 1fr 2fr, auto 1fr

Örnek: repeat(2, 100px), auto 1fr

🎬

🎨 Devloris

⚙️