Annons

Letar du efter ett enkelt sätt att generera CSS3 av / på-switchar för en webbplats? Om du letar efter switchar som är lätta att göra och har smidiga, eleganta animerade övergångar är On / Off FlipSwitch ett fantastiskt alternativ. Jag är inte den största programmeraren, och jag kunde få en mängd olika switchar upp och igång på några sekunder.

css3 på av-brytaren

Den här praktiska webbplatsen har inställningar för iOS 4, iOS 5 och Android-switchar inbyggda. Om du vill att din switch ska matcha dessa stilar, behöver du bara klicka på knappen för den du behöver och bläddra ner för att kopiera koden. Inom några sekunder har du önskad knapp redo för din webbplats.

flipswitch

Om du vill skapa en knapp till din egen stil tar det några sekunder längre, men det är verkligen inte svårt. Du behöver inte skriva någon faktisk kod för att göra omkopplaren. Du drar reglagen och anpassar omkopplaren tills utseendet passar dig. Du kan ändra storlek, färg, knappstil och mer. När du gör ändringar kommer du att se dem återspeglas i förhandsgranskningen av växeln i realtid.

instagram viewer

Funktioner:

  • Skapa en CSS3 på / av-switch med lätthet.
  • Animerade övergångar mellan på och av.
  • Kopiera och klistra in den slutliga koden.
  • iOS-switchar, iOS 5 och Android finns som standard tillgängliga.
  • Anpassa knapparna exakt efter dina behov.

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

Dave LeClair älskar spel på konsol, PC, mobil, handhållen och alla elektroniska enheter som kan spela dem! Han hanterar avsnittet erbjudanden, skriver artiklar och gör massor av bakom kulisserna på MakeUseOf.