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

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

В этот раз я хочу порадовать вас красивыми кнопками для светлых фонов сделанных на CSS3. С виду так типичные кнопки, которых уже вроде как море в интернете, но лишь некоторые из них сделаны полностью на CSS3, не используя картинки и дополнительные теги. Естественно как всегда ослик остаётся в стороне, потому как я отношусь к веб-разработчикам не поддерживающих этот недобраузер, но градиент для него все же сделал:)
« Комментарии

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

Еще одни симпатичные кнопки для светлых фонов на CSS3 @ 02.10.2011 13:44
В очередной раз выкладываю симпатичные кнопки на CSS3. Ничего особенного просто поиграл с цветами и сделал их менее выпуклыми, практически гладкими. Также цвета не делал сильно яркими, а наоборот сделал их более тусклыми, можно сказать матовыми :) Вроде получилось красиво, – забирайте и используйте.
Красивые кнопки на CSS3 для темных фонов @ 02.09.2011 14:49
Сегодня я с вами хочу поделиться красивыми кнопками для сайтов с темным фоном, делал естественно на CSS3 :) Кнопки отлично смотрятся и полностью поддерживаются в Google Chrome, Mozilla Firefox, Safari и Opera, за исключением того, что в Опере не поддерживаются градиенты, поэтому в нем градиенты отображаться не будут. В IE как всегда тускло, а именно без теней кнопок и текста, без закругленных уголков и без градиентов :)
Кнопки как в новом интерфейсе от Google+ используя CSS3 @ 03.09.2011 09:21
В этот раз я поделюсь с вами кнопками сделанными в стиле Google+, для создания кнопок как всегда использовались свойства CSS3. Кнопки получились симпатично, легко кастомизированны, и вроде как не сильно и отличаются от оригинальных гугловских.
Делаем красивую кнопку используя CSS3 @ 01.09.2011 14:16
Я уже показывал пример как стилизировать текстовое поле используя CSS3, сегодня я хочу рассказать как создавать красивые кнопки используя CSS3. В примере я буду использовать свойства text-shadow, box-shadow, gradient и border-radius. К сожалению градиент поддерживается в данный момент только в Google Chrome, Safari и Firefox.
CSS3 повторение градиента @ 20.01.2014 14:48
CSS3 градиенты. Кто проходил тест на эту тему у меня на сайте, тогда знает что там был такой вопрос. И некоторые ответили на него неверно. До появления CSS3 чтобы сделать фон с помощью градиента, необходимо было использовать изображения, но сегодня мы можем обойтись и без них, а лишь используя некоторые нововведения CSS3.
Кнопки на CSS3 @ 07.03.2012 18:56
Всем здрасти! Сегодня я бы хотел Вам показать просто шикарные кнопки построенные на чистом CSS3 не используя при этом ни малейшего кода jQuery. Цветовая гамма кнопок серая, но при этом кнопки получились довольно красивые, даже очень. Давайте меньше болтовни и приступим к делу.
Потрясающая анимированная 3D кнопка на CSS3 @ 27.10.2013 20:20
Сегодня я хочу показать вам, как использовать некоторые из удивительных возможностей CSS3 для создания анимированной трехмерной кнопки. Вы можете увидеть правильное отображение в браузере Chrome. К сожалению Firefox, например, не показывает последнее свойство(3D искажение). Пример анимированной кнопки можно увидеть на сайте.
Rнопки на CSS3 @ 13.03.2012 17:35
Здрасти! Решил показать на всеобщее обозрение ещё одни кнопки, построенные на чистом CSS3. Цветовая гамма тут просто шикарная, куча цветов, плавные градиент, ну просто глаз радует
Глянцевые кнопки с помощью CSS3 градиента @ 03.02.2014 12:50
В этом уроке мы рассмотрим как создать глянцевые кнопки с помощью градиента на CSS3. Я помню было время когда такие кнопки все делали в программе Adobe Photoshop, а сейчас это можно сделать без использования изображений.
Эффект 3D кнопки на CSS3 используя 3D Transform @ 05.11.2013 11:38
Есть много способов изначально скрыть информацию и показать ее, допустим, при нажатии на кнопку или в всплывающем окне. Или при наведении появляется окно с пояснениями. Но есть еще более интересный способ решить эту задачу. И это стало возможно благодаря технологии CSS3. В этом уроке я собираюсь рассказать о таком способе как создание эффекта куба при наведении на кнопку используя CSS3.

Спонсоры

Авторизация

Имя:
Пароль:
 

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

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