Millor lliure Generador d' ombra CSS Box
Visualment construeix caixes CSS ombra amb vista prèvia en directe, envellit i una segona capa ROvilla copia el codi.
100% lliure
Sense signar
Sense marca d' aigua
✨
Va Pro pels millors models de la IA - imatge, vídeo i xat - més pujades més grans, prioritat a la cua i no espera.
Actualitza al Pro
Amor Best.Free? Comparteix- lo
Com funciona
- Mou els deslliçadors. Estableix desplaçament, difuminat, difusió, color i opacitat; commutació si voleu una ombra interior.
- Vigila la vista prèvia. La caixa en directe actualitza com arrossegueu; afegeix una segona capa en opcions avançades per a la profunditat.
- Copia el CSS. Cops Copia CSS i enganxa la regla de caixa directament cap al vostre full d' estil.
Quant a aquesta eina
Dissenyeu una caixa d' ombra sense endevinar els valors de píxels. Arrossegueu els valors de desplaçament- X, desplaçament- Y, diversada i amplia els deslliçadors, escolliu un color ombra i marxeu en la seva opacitat, i mireu una caixa de vista prèvia en temps real enablingd i després copieu el CSS de la caixa. Gira el joc en torn per a una ombra interior. Les opcions avançades d' una segona capa ombra, de manera que podeu construir les ombres suaus, multi- matadors usades en cartes modernes i botons. Tot s' executa en el navegador.
Per a què la gent l'utilitza?
- Afegeix una ombra suau a les cartes i les modificacions
- Crea una ombra interior (en conjunt) per a les entrades i pous
- Pila dues capes per a una ombra realista i difusió
- Simuleu el desplaçament i difubutiu per a coincidir amb un disseny divertit
Preguntes més freqüents
Desplaçament- X/ Y mou l' ombra horitzontal i verticalment, suaixant la seva vora, i s' expandeix o encongeix tota l' ombra abans que s' apliquin el difuminat. La vista prèvia en directe mostra cada canvi instantàniament.
En el joc dibuixa l' ombra dins de l' element en comptes de darrere, donant una aparença uts- utszu- e útil per a les entrades i commutacions. Canvia el joc per commutar.
Tria un color, llavors usa el botó de desplaçament de l' opacitat; la sortida d' eina és un valor rgba() per tal que l' ombra es barreja naturalment.
Sí. Obre les opcions avançades per a habilitar una segona capa ombra amb el seu propi desplaçament, difuminat, color i inici.
No. El generador funciona completament al vostre navegador; els deslliçadors només calculaven una cadena CSS localment.
Sense límits, sense límits, ni una eina clienta sense res a mesurar.
Sí. S' executa al vostre navegador, per tant el generador CSS Box Ombra funciona amb telèfons i tauletes així com l' escriptori Allink no hi ha aplicació per instal· lar.
Normalment només uns segons per a un típic fitxer blestx CSS Box, comença a treballar en el moment en què li doneu la vostra entrada.
L'ús casual és il·limitat, sota una bona escala que el manté ràpid per a tothom.
Tots els navegadors moderns √ Chrome, Safari, Firefox i Edge. El generador CSS de Box no necessita res instal· lat més enllà del navegador que ja heu fet servir.