- - Layer Styles CSS Generator skaber skygge, baggrund og kanteffekter

Layer Styles CSS Generator skaber skygge, baggrund og kanteffekter

CSS gør livet enkelt og websteder megetbedre, men der er stadig ikke sådan, at noget er for simpelt. Selvom CSS muligvis gør det let at anvende stilarter på websider, kan det tage tid at skabe selv en moderat kompleks CSS. Lagstilarter er en CSS-generator, der giver dig mulighed for at oprette skygge, baggrund og kanteffekter for lag (tekst eller billede) ved hjælp af kontroller, der ligner Photoshops lageffektkontroller.

Layer Styles interface

Layer Styles genererer CSS-kode til femforskellige former for effekter; Dråbe skygge, indre skygge, baggrund, kant og grænseradius. Du kan vælge farve, afstanden fra objektet / laget, sløret og størrelsen på både dropskygge og indre skygge. Baggrundsfarve kan ændres til enten fast eller gradient med ni baggrundsindstillinger tilgængelige for gradientindstillingen. Du kan også tilføje en solid, stiplet eller linjerammeeffekt i rammer. Radial-effekten giver dig mulighed for at afrunde lagets kanter.

layerstyles

Når du har oprettet den effekt, du ønsker ved hjælp af kontrollerne, skal du klikke på CSS knappen i nederste venstre hjørne og kodengenereres. Firkanten i midten giver dig mulighed for at få vist alle effekter, du anvender fra kontrolelementerne. Denne CSS-generator er nyttig, hvis du vil tilføje en af ​​de fem effekter til en defineret kolonne, et billede eller tekstfelt på en webside.

Besøg lagstilarter

Kommentarer