Peržiūrėjome daugelį CSS kodų generatorių; kai kuriekurie taiko efektus skirtingiems elementams, pavyzdžiui, dėžutėms ir sluoksniams, arba naujausiam, XEO CSS, kurie leidžia redaguoti CSS naudojant vaizdinį redaktorių ir perduodant kodavimą. CSS apkrova yra dar viena automatinė žiniatinklio programageneruoja CSS kodą. Sukurtas kodas skirtas jūsų svetainės įkėlimo animacijai. Tai leidžia jums pasirinkti svetainės įkėlimo animacijas iš aštuonių šablonų ir pritaikyti jo spalvą ir greitį.
Animuota svetainė yra tarsi progreso juostakuriuos numato svetainė vartotojams, kad jie žinotų, kad svetainė įkeliama. Nors naršyklės vartotojams taip pat suteikia informacijos apie tai, ar svetainė įkeliama, ar ne, jei suprojektuosite svetainę, kurios įkėlimas gali užtrukti šiek tiek ilgiau, vartotojui suteikti tam tikrą patikinimą iš jūsų pusės gali būti gera idėja. Programa leidžia pasirinkti iš aštuonių skirtingų svetainių įkėlimo animacijų ir jas tinkinti.
Norėdami pradėti, pasirinkite animacijos stilių išmažas slenkamas skydelis dešinėje. Animacijos šabloną sudaro juostų ir diskų dizainai. Kai kurie šablonai palaiko dvi, o kiti palaiko atskiras spalvas. Pasirinktas šablonas bus įkeltas dešinėje apačioje Jūsų animacijos peržiūra.
Norėdami pradėti pritaikymą, spustelėkite spalvų kodo lauką šalia Pirma spalva ir atsidarys spalvų parinkiklis. Pasirinkite apskrito disko spalvą ir nustatykite ryškumo lygius iš kvadrato viduryje. Pasirinkite a Antra spalva jei jūsų pasirinkta įkėlimo animacija palaiko dvi. Parinktis pasirinkti antrą spalvą pasirodys neatsižvelgiant į tai, ar jūsų pasirinkta animacija palaiko dvi spalvas, ar ne. Pasirinkę spalvas, judėdami rankenėlę horizontalioje juostoje, pasirinkite animacijos greitį Animacijos greitis baras.
Pakeitimai atsispindi juos padarius, tačiau, jei jų nėra, spustelėkite Generuoti peržiūrą ir pakeitimai bus rodomi dešinėje, kur pirmą kartą buvo įkelta animacija. Norėdami gauti animacijos kodą, spustelėkite Gauti kodą. Nukopijuokite kodą į savo HTML arba CSS failą ir savo Svetainė įkeliama animacija paruošta.
Apsilankykite „CSS Load“
Komentarai