Красивые кнопки на CSS3 для темных фонов

Красивые кнопки на CSS3 для темных фонов sofcase.net

Сегодня я с вами хочу поделиться красивыми кнопками для сайтов с темным фоном, делал естественно на CSS3 :) Кнопки отлично смотрятся и полностью поддерживаются в Google Chrome, Mozilla Firefox, Safari и Opera, за исключением того, что в Опере не поддерживаются градиенты, поэтому в нем градиенты отображаться не будут. В IE как всегда тускло, а именно без теней кнопок и текста, без закругленных уголков и без градиентов :)
« Комментарии

Похожие анонсы

Кнопки на CSS3 для светлых фонов @ 03.09.2011 09:20
В этот раз я хочу порадовать вас красивыми кнопками для светлых фонов сделанных на CSS3. С виду так типичные кнопки, которых уже вроде как море в интернете, но лишь некоторые из них сделаны полностью на CSS3, не используя картинки и дополнительные теги. Естественно как всегда ослик остаётся в стороне, потому как я отношусь к веб-разработчикам не поддерживающих этот недобраузер, но градиент для него все же сделал:)
Simple messages boxes @ 02.09.2011 07:39
Сегодня я хочу поделится с вами готовыми стилями для уведомляющих сообщениях. Изначально я их делал для стока, но увы их не приняли, вот и решил после поделиться бесплатно с народом. Использовал свойства CSS3, а именно такие свойства как border-radius, box-shadow, text-shadow и градиенты, так что идеально они смотрятся только в Google Chrome и Mozilla Firefox.
Кнопки как в новом интерфейсе от Google+ используя CSS3 @ 03.09.2011 09:21
В этот раз я поделюсь с вами кнопками сделанными в стиле Google+, для создания кнопок как всегда использовались свойства CSS3. Кнопки получились симпатично, легко кастомизированны, и вроде как не сильно и отличаются от оригинальных гугловских.
Поговорим про некоторые свойства CSS3 (часть первая) @ 31.08.2011 12:18
В этой статье я хочу рассказать про некоторые свойства CSS3, а именно про такие как: border-radius, box-shadow, text-shadow и множественные фоны. Всем им есть применение, я все чаще замечаю их использование на зарубежный сайтах, даже в дизайне моего блога используется text-shadow и border-radius, а вот с сайтами юанета и рунета, все очень плохо. Все свойства указаные в этой статье поддерживаются в Google Chrome, Safari, Mozilla Firefox и Opera.
Делаем красивую кнопку используя CSS3 @ 01.09.2011 14:16
Я уже показывал пример как стилизировать текстовое поле используя CSS3, сегодня я хочу рассказать как создавать красивые кнопки используя CSS3. В примере я буду использовать свойства text-shadow, box-shadow, gradient и border-radius. К сожалению градиент поддерживается в данный момент только в Google Chrome, Safari и Firefox.
Еще одни кнопки для темного фона на CSS3 @ 05.12.2011 08:56
Ой давненько ничего не выкладывал :) В общем, на днях запилил новые кнопочки на CSS3 для сайтов с темным фоном. Смотрятся неплохо, так ведь. Добавил им анимации при нажатие, будто реальные. Сделал всего только три цвета, остальные думаю сами сможете добавить.
Кнопки на CSS3 @ 07.03.2012 18:56
Всем здрасти! Сегодня я бы хотел Вам показать просто шикарные кнопки построенные на чистом CSS3 не используя при этом ни малейшего кода jQuery. Цветовая гамма кнопок серая, но при этом кнопки получились довольно красивые, даже очень. Давайте меньше болтовни и приступим к делу.
Подбор кнопок созданных с помощью CSS3 @ 01.09.2011 11:36
Старые технологии уходят в бытие, и сейчас новые технологии своей разновидностью и стилями созданными с помощью CSS3 продолжают радовать глаз разработчикам. В этом небольшом уроке речь пойдет о создании стильных кнопок для сайта. Мы рассмотрим процесс создания различных видов кнопок, и форм, используя различные градиенты, конечно данные кнопки сало кто согласится использовать с разработчиков,
Потрясающая анимированная 3D кнопка на CSS3 @ 27.10.2013 20:20
Сегодня я хочу показать вам, как использовать некоторые из удивительных возможностей CSS3 для создания анимированной трехмерной кнопки. Вы можете увидеть правильное отображение в браузере Chrome. К сожалению Firefox, например, не показывает последнее свойство(3D искажение). Пример анимированной кнопки можно увидеть на сайте.
Тени в css3 @ 15.03.2013 08:47
За последние 2-3 года методы создания сайтов значительно изменились. Сегодня все современные браузеры умеют понимать стандарты HTML5/CSS3. В спецификации CSS3 тоже появилось много изменений. Это касается и тени в css3. На сегодня такие элементы как закругленные углы, тени для блока, фоновые градиенты можно создавать, используя только CSS3.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте