В данном примере мы сохраним все преимущества классической техники использования CSS-спрайтов и добавим к ним анимационных эффектов. Помимо использования CSS для определения внешнего вида элементов в различных состояниях, мы будем использовать JavaScript для создания анимации. Даже если у пользователя будет отключен JavaScript, часть эффектов все равно будет работать (за исключением анимации).
Читать дальше →
Недавно я работал над одним из сайтов своего постоянного клиента и получил задание сделать какой-нибудь красивый эффект при наведении курсора мыши на рекламные объявления.
Первой моей мыслью было использовать CSS-спрайты, однако они требуют работы непосредственно с кодом CSS, что в данном случае не является подходящим решением, поскольку заказчик не обладает необходимыми специальными знаниями.
В идеале решение было бы таково: через панель администратора заказчик устанавливает ссылку на рекламируемый сайт и загружает картинку для баннера, а все дальнейшие изменения происходят незаметно для заказчика.
Читать дальше →
Сегодня я покажу вам несколько различных красивостей, которые можно добавить изображению, используя только CSS – никакого JavaScript, Flash и серверной обработки, и все как всегда кроссбраузерно!
Также данные эффекты спасут вас от редактирования каждого изображения в фотошопе. А ведь представьте себе ситуацию, когда нужно обработать порядка 100 изображений – никаких сил не хватит!
