Софкейз

В этот раз я поделюсь с вами кнопками сделанными в стиле Google+, для создания кнопок как всегда использовались свойства CSS3. Кнопки получились симпатично, легко кастомизированны, и вроде как не сильно и отличаются от оригинальных гугловских.

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

Сделал стилизацию текстового поля в трех состояниях и фокусе. Как видите на картинке текстовое поле голубоватого цвета это обычное текстовое поле, слегка покрасневшее это некорректно заполненное поле и слегка зеленого цвета, это корректно заполненное поле. Получилось вроде симпатично, решил выложить в блог.

Сегодня хочу поделиться небольшим прогресс баром сделанным используя CSS3. Выполнен в синем цвете, отлично смотрится на темных фонах, также подходит к кнопкам, которые я выкладывал ранее. Посмотреть можно здесь , а скачать здесь . Эта запись является открытием новой категории «Бесплатности» (или Freebies) в моем блоге, в ней я буду делиться некоторыми уже готовыми решениями на HTML5, CSS3 и jQuery.

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