Ein / Aus FlipSwitch Generieren von CSS3 Ein / Aus-Schaltern mit animierten Übergängen

Suchen Sie nach einer einfachen Möglichkeit, CSS3-Ein / Aus-Schalter für eine Website zu generieren? Wenn Sie nach Schaltern suchen, die einfach zu erstellen sind und über weiche, stilvolle animierte Übergänge verfügen, ist der FlipSwitch On / Off eine fantastische Option. Ich bin nicht der beste Programmierer, und ich konnte innerhalb von Sekunden verschiedene Schalter in Betrieb nehmen.

Diese praktische Website verfügt über integrierte Einstellungen für iOS 4, iOS 5 und Android-Switches. Wenn Sie möchten, dass Ihr Switch diesen Stilen entspricht, klicken Sie einfach auf die Schaltfläche des gewünschten Schalters und scrollen nach unten, um den Code zu kopieren. In wenigen Sekunden haben Sie den Button Ihrer Wahl für Ihre Website bereit.

Wenn Sie einen Button nach Ihrem eigenen Stil erstellen möchten, dauert dies einige Sekunden, aber es ist sicherlich nicht schwierig. Sie müssen keinen eigentlichen Code schreiben, um den Wechsel vorzunehmen. Sie ziehen die Schieberegler und passen den Schalter an, bis der Look zu Ihnen passt. Sie können Größe, Farbe, Schaltflächenstil und mehr ändern. Wenn Sie Änderungen vornehmen, werden diese in Echtzeit in der Vorschau des Switches angezeigt.

Eigenschaften:

• Erstellen Sie mit Leichtigkeit einen CSS3-Ein / Aus-Schalter.
• Animierte Übergänge zwischen Ein und Aus.
• Kopieren Sie den endgültigen Code und fügen Sie ihn ein.
• Standardmäßig sind die Switches für iOS 4, iOS 5 und Android verfügbar.
• Passen Sie die Knöpfe genau an Ihre Bedürfnisse an.

Ein / Aus finden FlipSwitch unter proto.io/freebies/onoff