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

С помощью CSS-магии мы можем создавать красивые типографические эффекты и забыть о использовании изображений, в большинстве случаев. В этой статье мы создадим ряд симпатичных примеров веб-типографики, используя плагин jQuery - lettering.js, а также различные приемы CSS. В некоторых примерах мы также добавим переходы при наведении курсора мыши, чтобы сделать их немного более интерактивным.

Сегодня я собираюсь поделиться несколькими способами декорирования галереи без использования JavaScript. Эти результаты могут быть достигнуты при помощи псевдо-элементов :before или :after, а также css-трансформации. Элемент :before наиболее часто используется для добавления дополнительных элементов или содержания. Давайте посмотрим прямо сейчас как его использовать для декорирования изображений.

CSS3Ps - это бесплатное облако, на основе плагина Photoshop, который преобразует ваши PSD-слои в CSS3. Вы можете выбрать несколько слоев или групп слоев и конвертировать их одним кликом. Штрихи преобразовываются в свойство CSS border. Тени Inner Shadow, Inner Glow, Drop Shadow, Outer Glow преобразовываются в свойство CSS box-shadow и т.д.

В сегодняшнем уроке мы будем экспериментировать с hover-эффектами для круглых элементов. Поскольку сейчас у нас есть возможность использовать свойство border-radius, мы можем создавать круглые формы, и они все чаще появляются в качестве элементов дизайна на веб-сайтах. Один из вариантов использования, который мне более всего нравится, это круглые миниатюры, которые выглядят гораздо интереснее, чем обычные, прямоугольные. И сейчас мы собираемся создать несколько необычных эффектов при наведении на такие элементы!