We hebben veel CSS-codegeneratoren bekeken; sommigedie effecten toepassen op verschillende elementen zoals dozen en lagen of de meest recente, XEO CSS, waarmee u de CSS kunt bewerken met behulp van een visuele editor en codering helemaal kunt doorgeven. CSS laden is nog een andere webapplicatie die automatischgenereert CSS-code. De gegenereerde code is bedoeld voor uw site-laadanimatie. Hiermee kunt u animaties voor het laden van sites kiezen uit acht sjablonen en de kleur en snelheid aanpassen.
Een animatie voor het laden van een site is als een voortgangsbalkgeprojecteerd door een website voor gebruikers zodat ze weten dat de site wordt geladen. Hoewel browsers ook gebruikers een idee geven of de site wel of niet wordt geladen, is het een goed idee als u een site ontwerpt die iets langer kan duren om te laden. Met de app kunt u kiezen uit acht verschillende animaties voor het laden van de site en deze aanpassen.
Kies om te beginnen een animatiestijl uit deklein schuifbaar paneel aan de rechterkant. De animatiesjabloon bestaat uit balk- en schijfontwerpen. Sommige sjablonen ondersteunen twee, terwijl andere afzonderlijke kleuren ondersteunen. De sjabloon die u kiest, wordt rechtsonder geladen Uw animatievoorbeeld.
Klik op het kleurcodeveld naast om de aanpassing te starten Eerste kleur en een kleurenkiezer wordt geopend. Selecteer de kleur van de ronde schijf en stel de helderheidsniveaus in vanaf het vierkant in het midden. Selecteer een Tweede kleur als de door u gekozen laadanimatie er twee ondersteunt. De optie om een tweede kleur te selecteren, verschijnt ongeacht of de animatie die u hebt geselecteerd twee kleuren ondersteunt of niet. Nadat u de kleuren hebt geselecteerd, selecteert u de snelheid van de animatie door de knop horizontaal te bewegen Animatie snelheid bar.
Wijzigingen worden doorgevoerd terwijl u ze aanbrengt. Als dit niet het geval is, klikt u op Voorbeeld genereren en de wijzigingen verschijnen aan de rechterkant waar de animatie voor het eerst is geladen. Klik op om code voor de animatie te krijgen Krijg code. Kopieer de code naar uw HTML- of CSS-bestand en uw Site wordt geladen animatie is klaar om te laden.
Ga naar CSS Load
Comments