20 уроков по созданию кнопок на чистом css
27 июня 2012 | Опубликовано в css | 4 Комментариев »
Предлагаем вашему вниманию подборку уроков по созданию кнопок на чистом css. Как ни крути, без кнопок на сайте никак не обойтись, а эти уроки могут натолкнуть вас на новые идеи и помочь лучше освоить css3. Также здесь вы найдёте несколько готовых решений. Надеемся, они вам пригодятся.
1. Кроссбраузерные CSS-кнопки с градиентом
2. Симпатичные CSS3-кнопки (фреймворк)
3. Социальные кнопки, которые реагируют на нажатие
4. 3D-кнопки
5.Тёмная навигация при помощи CSS3
6.CSS3-кнопка, которая реагирует на событие
7.Кнопки с социальными закладками
8.Радиоактивные кнопки
9. Анимированная CSS3-кнопка с пузырьками
10.Делаем кнопку на чистом CSS
11.Милые кнопки при помощи CSS3
12. Создаём анимированную кнопку, которая реагирует на событие
13.Css-кнопки при помощи псевдоэлементов
14. Минималистичные круглые 3D-кнопки при помощи CSS
15. Делаем кнопки как на YouTube
16. Стильная кнопка при помощи CSS3
17. 3D-кнопка
18.Большая кликабельная CSS-кнопка (готовое решение)
19. Анимированная круглая кнопка (готовое решение)
20.Красивые кнопки реагирующие на нажатие (готовое решение)
Автор подборки — Дежурка
Возможно, вас также заинтересуют статьи:
- Уроки по созданию кнопок и панелей навигации
- Всё о кнопках: вдохновение, бесплатные PSD-файлы, css-генераторы и фреймворки
549
27 июня 2012 в 16:50
Spasibo
28 июня 2012 в 5:34
Спасибо, многое может пригодиться в будущих проектах.
P.S. пожалуйста, исправьте «радиоактивныЙ» на «радиоактивныЕ»
P.P.S. и нормальный скрин тоже не помешал бы
28 июня 2012 в 23:45
Замечание по первому уроку: далеко не кроссбраузерный вариант. Проверьте в Opera 12. За IE6 молчу. В остальных версиях IE градиенты есть, но скругления нет. В общем слово «кроссбраузерность» тут уже не уместна. Позже попробую разобраться, почему в Опере не работает. Правда код в том примере хуже не куда — всё в одну строку.
А в остальном, красиво. Спасибо вам большое!
Люблю ваш сайт, частенько черпаю отсюда веб-элементы и вдохновение для дизайна :)
27 сентября 2013 в 18:39
Комментарий скрыт из-за рейтинга