CSS и события

[czp]

подскажите как через CSS сделать:
1.изначально бекграунд 1
2.при наведении на блок бекграунд 2 ставновится
3.когда увожу мышку с блока бекграунд 3

тоесть получается : есть книжка в гифе, как открывается и закрывается, нужно что бы в начале была 3й вариант просто закрытая, при наведении ставится гиф открытия, увожу закрывается, знаю как сделать на JS хочется через CSS такое CSS умеет?

 

[BaNru]

Есть бредовая идея. Но мне кажется реализуемая. Только правда на CSS3 для FF и Хрома. Другие браузеры такую идею не поддержут.

Сделай анимацию на CSS3 при наведение.

Сегодня только написал статью Простой слайдер на CSS3
Почитай ее.

Смысл - при наведение ты делаешь анимацию фона. При этом фон сдвинется. Но при наведение фон не надо показывать, вместо показа делаем отображение открытой картинки.

Либо тот же смысл, но слоями с overflow:hidden.

 

[czp]

да нужно кроссбраузерно, хотя бы немного, ну при наведение hover а когда убираешь мышку есть что то?

 

[BaNru]

нет

 

[czp]

я в печали :dry: значит да прибудет святой JS