Aan / Uit FlipSwitch Genereer CSS3 Aan / Uit Schakelt met geanimeerde overgangen

Aan / Uit FlipSwitch Genereer CSS3 Aan / Uit Schakelt met geanimeerde overgangen / internet

Bent u op zoek naar een eenvoudige manier om CSS3 aan / uit-schakelaars voor een website te genereren? Als u op zoek bent naar schakelaars die gemakkelijk te maken zijn en voorzien zijn van vloeiende, stijlvolle geanimeerde overgangen, is On / Off FlipSwitch een fantastische optie. Ik ben niet de beste programmeur en in een kwestie van seconden heb ik verschillende switches kunnen opstarten.

Op deze handige website zijn instellingen voor iOS 4, iOS 5 en Android-switches ingebouwd. Als u wilt dat uw switch overeenkomt met die stijlen, hoeft u alleen maar op de knop te klikken voor degene die u nodig hebt en scrolt u omlaag om de code te kopiëren. Binnen enkele seconden heeft u de knop van uw keuze klaar voor uw website.

Als je een knop van je eigen stijl wilt maken, duurt het enkele seconden langer, maar het is zeker niet moeilijk. U hoeft geen echte code te schrijven om over te schakelen. U sleept de schuifregelaars en past de schakelaar aan totdat het uiterlijk bij u past. U kunt de grootte, kleur, knopstijl en meer wijzigen. Terwijl u wijzigingen aanbrengt, ziet u ze in de preview van de switch in realtime worden weergegeven.

Kenmerken:

  • Maak eenvoudig een CSS3 aan / uit-schakelaar.
  • Geanimeerde overgangen tussen aan en uit.
  • Kopieer en plak de definitieve code.
  • Schakelaars voor iOS 4, iOS 5 en Android zijn standaard beschikbaar.
  • Pas de knoppen precies aan uw behoeften aan.

Vind aan / uit FlipSwitch @ proto.io/freebies/onoff