Главная CSS-верстка

Оптимизация: используем одно изображение вместо двух

Оптимизация: используем одно изображение вместо двух

Нашел в сети ссылку на пост буржуйского блога, опубликовавшего заметку “Using Fewer Images” (использование меньшего количества изображений). Данный способ оптимизации для меня, как веб-мастера, явился весьма оригинальным и интересным, в связи с чем хочу поделиться информацией с читателями моего блога. Не отрицаю, что найдутся те, ...

Комментарии (34)

  1. О Тебе Волнуется
    11 лет 4 месяца назад

    Отличный урок и фишка хоть и я знал об этой фишке, но как сделать) точно не знал).спасибо очень нужен был этот эффект

  2. О Тебе Волнуется
    11 лет 4 месяца назад

    ну и в добавок не забывать в css свойство a (decoration) сделать none чтобы выделения не было).ато стремно выглядит, ну не суть, но просто в добавок)…

  3. Здравствуйте! Все получилось, но у меня вот такая проблемка. Мне нужно разместить на одной странице сайта несколько таких изображений. А при размещении скрипта на Style. css показывается только первое изображение. Очень прошу помогите пож-та.Спасибо!

  4. Первый способ лучше если используется анимация css3 transition !

    При использовании css3 transition в первом случаем будет transition: background 0.6s;, картинка плавно меняется при наведении и наоборот. А вот во втором случае transition: background-position 0.6s;, картинка плавно приезжает со стороны в сторону, смотря как склеены.

Ваш комментарий