Ең жақсы еркін CSS қоршау көлеңкесін құру құралы
CSS қоршау- көлеңкесін визуалды түрде құру, тірі алдын- ала қарау, ендіру және екінші қабат - кодты көшіріп алу.
100% тегін
Жазылу жоқ
Сулы белгісіз
✨
AI- ның ең жақсы модельдері - суреттер, бейнелер және сұхбаттар үшін Go Pro- ға өтіңіз, сонымен қатар, жүктеу жылдамдығы, кезектің артықшылығы және күтусіз.
Pro- ға жаңарту
Махаббат Best.Free? Қосыңыз
Не істеп тұр
- Жылжымалы тізбектер. Сығымды, көлеңкесін, тарауын, түсін және мөлдірсіздігін орнатыңыз. Ішкі көлеңкесін қаласаңыз, ендіруді қосыңыз.
- Нобайын қарау. Жылдам қоршау сүйреп апарғанда жаңартылып отырады; тереңдігін арттыру үшін Қосымша параметрлер бөлімінде екінші қабатты қосыңыз.
- CSS- ті көшірмелеу. CSS көшірмелеу дегенді басып, өріс көлеңкесін стиль кестесі арқылы ендіріңіз.
Бұл құрал туралы
Пикселдердің мәндерін болжамай қоршау- көлеңкесін құру. X ығысу, Y ығысу, мөлдірлеу және тарылту жүгірткілерін сүйреп, көлеңкенің түсін таңдап, оның мөлдірсіздігін өзгертіп, қоршау- көлеңкенің жаңартылғанын көріңіз - содан кейін қоршау- көлеңкенің CSS- і түпнұсқасын көшіріп алыңыз. Ішкі көлеңке үшін ендіру түймешігін бұраңыз. Қосымша параметрлері екінші көлеңке қабатын қосады, сондықтан қазіргі карталар мен батырмаларда қолданылатын жұмсақ, көп қабатты көлеңкелерді құра аласыз. Барлығы браузеріңізде орындалады.
Қайсысы қолданылады
- Карталарға және модалдарға жеңіл көлеңкесін қосу
- Кіріс пен шығыс үшін ішкі (ішкі) көлеңкесін жасау
- Екі қабатты бір- біріне қойып, реалистік, диффузды көлеңке жасау
- Дизайн макетіне сәйкес ығысу мен көлбеулігін түзету
Жиі қойылатын сұрақтар
X/Y ығыстыруы көлеңкені тік және көлденең бағытта жылжытады, көлеңкенің жиегін жұмсартады, көлеңкенің көлеңкесін кеңейтеді немесе қысқартады. Түрлі өзгерістерді тікелей қарау кезінде көруге болады.
Ілеспе деген элементтің артындағы емес, оның ішіндегі көлеңкесін көрсетеді, бұл элементтің ішкі жағын басып тұрғандай етіп көрсетеді. Бұл енгізу мен ауысу үшін пайдалы. Ауысу үшін ілеспе дегенді бұраңыз.
Түсті таңдап, мөлдірсіздік жүгірткішін қолданыңыз; құрал rgba () мәнін шығарады, сондықтан көлеңке табиғи түрде араласады.
Иә. Екінші көлеңке қабатын өзінің ығысу, мөлдірлеу, түс және енуі бар етіп жасау үшін Қосымша параметрлерін ашыңыз.
Жоқ. Генератор тек браузеріңізде орындалады, жүгірткілер тек CSS жолын жергілікті есептейді.
Тіпті, ақысыз, тіркелгі жоқ, шектеулер жоқ - клиенттік құралдардың өлшеу үшін ештеңе жоқ.
Иә. Ол браузеріңізде орындалады, сондықтан CSS Box Shadow Generator телефондар мен планшеттерде де, үстел үстінде де жұмыс істейді - орнату керек қолданба жоқ.
Әдетте, типтік файл үшін бірнеше секунд қана қажет - CSS Box Shadow Generator енгізілген мәліметтерді қабылдағаннан кейін жұмысын бастайды.
Қайталама пайдалану шектеулі, бірақ оны әркімге жылдам ұстайтын әділ пайдалану шегі бар.
Барлық заманауи шолғыштар - Chrome, Safari, Firefox және Edge. CSS Box Shadow Generator сіздің қолданыстағы шолғыштан басқа ештеңе орнатуға қажет емес.