Annonse

Leter du etter en enkel måte å generere CSS3 av / på-brytere for et nettsted? Hvis du er ute etter brytere som er enkle å lage og har glatte, stilige animerte overganger, er On / Off FlipSwitch et fantastisk alternativ. Jeg er ikke den største programmereren, og jeg klarte å få en rekke brytere opp og gå på få sekunder.

css3 på av bryteren

Dette praktiske nettstedet har innstillinger for iOS 4, iOS 5 og Android brytere innebygd. Hvis du vil at bryteren din skal samsvare med disse stilene, er alt du trenger å gjøre å klikke på knappen for den du trenger og bla nedover for å kopiere koden. I løpet av sekunder vil du ha den valgte knappen klar for nettstedet ditt.

flipswitch

Hvis du vil lage en knapp etter din egen stil, vil det ta noen sekunder lenger, men det er absolutt ikke vanskelig. Du trenger ikke å skrive noen faktisk kode for å bytte. Du drar skyvekontrollene og tilpasser bryteren til utseendet passer deg. Du kan endre størrelse, farge, knappestil og mer. Når du gjør endringer, vil du se dem gjenspeiles i forhåndsvisningen av bryteren i sanntid.

Funksjoner:

  • Opprett en CSS3 av / på bryter med letthet.
  • Animerte overganger mellom av og på.
  • Kopier og lim inn den endelige koden.
  • iOS-brytere, iOS 5 og Android er tilgjengelige som standard.
  • Tilpass knappene nøyaktig etter dine behov.

Finn på / av FlipSwitch @ proto.io/freebies/onoff

Dave LeClair elsker spill på konsoll, PC, mobil, håndholdt og hvilken som helst elektronisk enhet som er i stand til å spille dem! Han administrerer tilbudsseksjonen, skriver artikler og gjør mye bak kulissene på MakeUseOf.