VUREXVUREX
CSS Tool

Neomorfizm generatori

Chiroyli neomorfik CSS soyalarni real vaqtda oldindan ko'rish bilan yarating. Ranglar, shakllar, blur, masofa va intensivlikni sozlang. Tayyor CSS kod β€” 100% bepul va brauzerda ishlaydi.

Oldindan ko'rish

#e0e0e0
150px
50300
10px
150
50%
10100
20px
180
30px
0150

Yaratilgan CSS

border-radius: 30px;
  background: #e0e0e0;
  box-shadow: 10px 10px 20px #a8a8a8,
             -10px -10px 20px #e9e9e9;

Ushbu asbob haqida

  • Sozlamalarni o'zgartirganingizda oldindan ko'rish real vaqtda yangilanadi
  • Soya ranglari fon rangidan avtomatik hisoblanadi
  • To'rtta shakl rejimi: Tekis, Botiq, Qavariq va Bosilgan
  • Ro'yxatdan o'tishsiz va cheklovsiz butunlay bepul

Ko'p beriladigan savollar

Neomorfizm (yoki soft UI) β€” bu nozik soyalar va yorug'liklar yordamida yumshoq, bo'rtiq ko'rinish yaratadigan dizayn uslubi. Elementlar fondan chiqarilgan yoki bosilgandek ko'rinadi, faqat CSS box-shadow va gradientlar yordamida hissiy 3D effekt yaratadi.

Soya ranglari tanlangan fon rangidan avtomatik hisoblanadi. Yorug'lik soyasi uchun ochroq ton, asosiy soya uchun to'qroq ton yaratiladi. Intensivlik slayderi tonlarning fon rangidan qancha farq qilishini boshqaradi.

Tekis bir xil fonli ko'tarilgan element yaratadi. Botiq sirtni to'qdan ochga gradient yordamida ichiga egilgandek ko'rsatadi. Qavariq ochdan to'qga gradient bilan tashqariga egilgan sirt yaratadi. Bosilgan ichki soyalar yordamida elementni sirtga bosilgandek ko'rsatadi.

Ha, VUREX Neomorfizm Generatori ro'yxatdan o'tishsiz butunlay bepul. Xohlagancha neomorfik dizaynlar yarating va CSS ni to'g'ridan-to'g'ri loyihalaringizga nusxalang.