Vi har gjennomgått et par CSS-kodegeneratorer før som Layer Styles og ThemeShock CSS Drop Shadow Generator. Begge er utmerkede, men begrensede, siden de genererer kode for en enkelt effekt. CSS3.0 Maker er en automatisk CSS-kodegenerator som generererkode for grense, tekstskygge, boksskygge, omrisseffekter og skjev, skalere eller rotere et element. Du kan jobbe med flere CSS-filer (forskjellige stiler i hver fil) ved å lage forskjellige filer. Koden lastes ned som en HTML-fil og CSS legges til som et internt ark. Tjenesten forteller deg hvilken versjon av Chrome, Firefox, Internet Explorer, Safari og Opera effektene vil gi i og hvilke mobile enheter som støtter den.
Hvis du vil opprette flere filer, må du gjøre detregistrere deg for en gratis konto. Tjenesten kan ellers brukes uten å opprette en. Merkelig nok lar nettstedet deg legge til flere effekter når du ikke er logget inn. Ytterligere effekter som er tilgjengelige (når du er logget ut) er Gradient, Animation og Transition-effekter. Når det brukes som en uregistrert bruker, lar ikke nettstedet deg legge til flere effekter. Hvis du velger å bruke tjenesten uten å registrere deg for en konto, vil du se en horisontal bjelke rett under sidehodet som lar deg velge forskjellige effekter.
Hvis du vil legge til flere effekter, kan du registrere deg for en gratis konto og opprette en fil. Du kan opprette en fil ved å klikke Ny fil på hjemmesiden eller ved å gå til Mine filer. Skriv inn et navn for filen din. Å velge Redigere og alle endringer du gjør er lagret i denne filen. Gå til Hjem fane for å starte redigering av effekter.
Hvis du vil flytte mellom forskjellige effekter, bruker du rullegardinmenyen på Hjem fane. Gå til RGBA-effekten hvis du vil endre fargen på elementet og justere dets uklarhet. Hvis du vil legge til en grense eller endre grensestiler, går du til Grensradius. De Tekstskygge og Boksskygge effekter skaper en dråpeeffekt bak elementet eller teksten. Du kan skjevle og skalere den fra CSS Transform påvirke og forskyve grensen fra elementet fra Disposisjonsforskyvning effekt.
Når du har gjort alle endringene og brukt effektene du trenger, klikker du Lagre og så nedlasting, for å laste ned filen. Gjør nødvendige endringer, og du har CSS-en klar til å gå. Tjenesten er utmerket hvis du vil eksperimentere med design, eller hvis du bare trenger å eksperimentere med en rekke CSS-effekter for et bestemt prosjekt.
Besøk CSS3.0 Maker
kommentarer