Переключатель css3 вкл / выкл без изображений

Question

Я ищу iPhone как выключатель, который не использует изображения.

Примерно так: http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html

, но без использования изображений.С CSS3 я не понимаю, зачем нужны изображения?Кто-нибудь знает какие-либо варианты?Спасибо

Answer 1

Это то, что вы ищете: http://proto.io/freebies/onoff/

Генератор, в котором вы получаете CSS3 и HTML после стилизации кнопки переключения (см. Конец страницы).

Answer 2

Привет, я нашел этот пример, который использует Unicode # и CSS3 ... Но я боюсь, что это не стиль iPhone, но, надеюсь, он может помочь вам с чем-то, что кнопка действительно хорошо выглядит, посмотрите, если у вас есть шанс

http://www.hongkiat.com/blog/css3-on-off-button/

Answer 3

Вот несколько уроков по созданию аристо-подобных элементов:

http://socialistpear.com/journal/aristo-buttons-in-css3/

https://github.com/280north/aristo

У них нет той конкретной кнопки, которую вы хотите, но это поможет вам создать собственную кнопку в CSS3.