У меня комп из спящего режима не может выйти с момента покупки 🤪 (Как будто вырубается, но огоньки горят)
Я не спец, не знаю что с ним, но я отключил все спящие сберегающие настройки в винде :p - помогло :)
Блин, у вас перезагружается, извините. Не понял по пьяне вопроса... Просто ваша фраза
Я подумал как бы в спящий режим уходит, т.к. после выключения какие могут быть надписи :) Простите, недопонял :)
Klopopryg, походу не один я что нашел - прослушал, и прослушал, что нашел 🤣🤣
Можно вроде, ставьте тут:
figcaption { position: absolute; top: 0; left: 0; width: 300px; height: 200px; background: url(image.jpg); opacity: 0; transition: opacity .7s; cursor: pointer; } figure:hover figcaption { opacity: 1; }
Это если по примеру выше, просто фон меняйте на изображение background: url(image.jpg);
Если я вас правильно понял... а то светало, мозг начинает работать вяло :)
Не знаю что делает transition: opacity .7s; Для меня оно ново :)
Фома, блина, я 3 сутки слушаю этих кур из да кукарикур 🤣🤣🤣
Andron_buton, а чего такая маленькая gifка? У меня почти не тормозит chrome :)
- Прости, дорогая, чуть задержался. А ты чем занималась без меня?
- Да так, уборка, глажка, ужин, минет, макраме...
- Что?
- Макраме..
Как скучно я живу 🤪
А какое развлекалово у вас такое, что маркетгид больше google платит в бурже? Если не секрет :) Что-то странно, хотя развлекалово разное бывает 🍿
Мельчает СЕО, пардон за флуд.
По теме тут вроде весь срач :) : /ru/forum/920193
Ну ксс быстрей скорей всего, это да. Но если магазин небольшой, то jquery подойдет, там писанины в коде меньше :p
https://yandex.ru/search/?lr=2&msid=22892.3210.1453589694.71752&text=jquery%20hover%20%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82%D1%8B
На ксс красивее, конечно. :) Но мой пример кроссбраузерный :p
xpycteamset, а оно везде работает? У вас красивей, но мой пример короче и можно все эффекты ставить, не только фон :) Но смысл тот же :)
javascript (jquery) css по событию hover 🍿 эффектов полно, что вам лично надо не очень понятно :)
https://yandex.ru/search/?text=css%20%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82%D1%8B%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9&lr=2 🍿
jquery на примере opacity:
$('img').hover( function() { $( this ).css({'opacity':'0.5'}); }, function() { $( this ).css({'opacity':'1'}); } );
Если надо фото на фото наложить, то юзайте img невидимый position absolute и по hover hide/show c opacity самой фотки.
<a href=""><img src="" /><img src="" class='hover'/></a>
$('a').hover( function() { $( this ).children('.hover').show().css({'opacity':'0.5'}); }, function() { $( this ).children('.hover').hide(); } );
Если не ошибся нигде в коде должно работать 🤪
css
a { width: 100px; height: 100px; position: relative; } .hover { position: absolute; top 0px; left: 0px; width: 100px; height: 100px; }
