Vi har gennemgået et par CSS-kodegeneratorer før som Layer Styles og ThemeShock CSS Drop Shadow Generator. Begge er fremragende, men begrænsede, da de kun genererer kode til en enkelt effekt. CSS3.0 Maker er en automatisk CSS-kodegenerator, der generererkode til kant, tekstskygge, kasseskygge, kontureffekter og skæve, skalere eller rotere et element. Du kan arbejde på flere CSS-filer (forskellige stilarter i hver fil) ved at oprette forskellige filer. Koden downloades som en HTML-fil, og CSS tilføjes som et internt ark. Tjenesten fortæller dig, hvilken version af Chrome, Firefox, Internet Explorer, Safari og Opera effekterne vil give i, og hvilke mobile enheder der understøtter den.
Hvis du vil oprette flere filer, skal du gøre dettilmeld dig en gratis konto. Tjenesten kan ellers bruges uden at oprette en. Mærkeligt nok giver stedet dig mulighed for at tilføje flere effekter, når du ikke er logget ind. Yderligere effekter, der er tilgængelige (når du er logget ud), er Gradient, Animation og Transition-effekter. Når det bruges som en uregistreret bruger, lader webstedet dig ikke tilføje flere effekter. Hvis du vælger at bruge tjenesten uden at registrere dig for en konto, vil du se en vandret bjælke lige under webstedsoverskriften, der giver dig mulighed for at vælge forskellige effekter.
Hvis du vil tilføje flere effekter, kan du tilmelde dig en gratis konto og oprette en fil. Du kan oprette en fil ved at klikke på Ny fil på hjemmesiden eller ved at gå til Mine filer. Indtast et navn til din fil. Vælg Redigere og alle ændringer, du foretager, gemmes i denne fil. Gå til Hjem fanen for at starte redigering af effekter.
Hvis du vil flytte mellem forskellige effekter, skal du bruge rullemenuen på Hjem fane. Gå til RGBA-effekten for at ændre elementets farve og justere dets opacitet. Gå til for at tilføje en kant eller ændre kantformater Grænseradius. Det Tekstskygge og Boksskygge effekter skaber en dråbe-skyggeeffekt bag elementet eller teksten. Du kan skjule og skalere det fra CSS Transform effekt og modregne grænsen fra elementet fra Disposition offset effekt.
Når du har foretaget alle ændringerne og anvendt de effekter, du har brug for, skal du klikke på Gemme og så Hent, for at downloade filen. Foretag de nødvendige ændringer, og du har din CSS klar til at gå. Tjenesten er fremragende, hvis du vil eksperimentere med design, eller hvis du bare har brug for at eksperimentere med en række CSS-effekter til et bestemt projekt.
Besøg CSS3.0 Maker
Kommentarer