CSS3.0 Maker – Obțineți codul CSS pentru chenar, efecte de umbră a casetei și multe altele

Am trecut în revistă câteva generatoare de coduri CSS, cum ar fi Stiluri de straturi și Generatorul de umbră CSS ThemeShock . Ambele sunt excelente, dar limitate, deoarece generează cod doar pentru un singur efect. CSS3.0 Maker este un generator automat de cod CSS care generează cod pentru chenar, umbră text, umbră casetă, efecte de contur și declin, scala sau rotește un element. Puteți lucra la mai multe fișiere CSS (stiluri diferite în fiecare fișier) prin crearea de fișiere diferite. Codul este descărcat ca fișier HTML și CSS este adăugat ca o foaie internă. Serviciul vă spune în ce versiune de Chrome, Firefox, Internet Explorer, Safari și Opera vor fi redate efectele și ce dispozitive mobile îl vor accepta.

Pentru a crea mai multe fișiere, vi se va cere să vă creați un cont gratuit. Serviciul poate fi utilizat altfel fără a crea unul. Destul de ciudat, site-ul vă permite să adăugați mai multe efecte atunci când nu sunteți conectat. Efectele suplimentare care sunt disponibile (când sunteți deconectat) sunt efectele Gradient, Animație și Tranziție. Când este folosit ca utilizator neînregistrat, site-ul nu vă permite să adăugați mai multe efecte. Dacă alegeți să utilizați serviciul fără a vă înregistra pentru un cont, veți vedea o bară orizontală chiar sub antetul site-ului care vă permite să selectați diferite efecte.

Dacă doriți să adăugați mai multe efecte, creați un cont gratuit și creați un fișier. Puteți crea un fișier făcând clic pe Fișier nou pe pagina de pornire sau accesând Fișierele mele . Introduceți un nume pentru fișierul dvs. Selectați Editați și toate modificările pe care le faceți sunt salvate în acest fișier. Accesați fila Acasă pentru a începe editarea efectelor.

Pentru a vă deplasa între diferite efecte, utilizați meniul drop-down din fila Acasă . Pentru a schimba culoarea elementului și a-i ajusta opacitatea, accesați efectul RGBA. Pentru a adăuga un chenar sau pentru a schimba stilurile de chenar, accesați Raza chenarului. Efectele Text Shadow și Box Shadow creează un efect de umbră în spatele elementului sau textului. Puteți să o înclinați și să o scalați din efectul CSS Transform și să compensați chenarul față de elementul din efectul Outline Offset .

După ce ați făcut toate modificările și ați aplicat efectele de care aveți nevoie, faceți clic pe Salvare și apoi pe Descărcare , pentru a descărca fișierul. Faceți modificările necesare și aveți CSS-ul gata de funcționare. Serviciul este excelent dacă doriți să experimentați cu designul sau, dacă trebuie doar să experimentați cu o mulțime de efecte CSS pentru un anumit proiect.

Vizitați CSS3.0 Maker