Recently I noticed a cool thing on the Yandex website, hover the mouse under the inscription "Yandex - Find Everything" and you will see how the whole page is transformed at once ... What do you think is implemented in Yandex? In principle, this is actually done on jQuery , but I think that they use something samopisny. What do you think?

PS. In order for the effect to work you need to be not logged in on the Yandex website. And the effect works fine with any screen resolution ...

  • 6
    I didn't see anything - MuFF
  • 2
    Chyadt? By the way, they still use jQuery. And BEM - neoascetic
  • one
    No one except you is not observed :) - Vlad Malakhin
  • one
    need to mouse a little lower on the banner "get the mail" - KoVadim
  • one
    @ eprivalov1, it doesn’t matter, let's believe in a word that something is happening. In general, @neoascetic answered your question. In addition, Wappalyzer also shows that jQuery is used. And what's the difference? Essentially, this is all JS or frameworks from it. - Deonis

1 answer 1

This is done on css =))
Author, open firebug and pay attention to adding a class to the body when you hover on this banner. The class is added: b-domik_overlay_enabled_yes , as well as tags with the classes b-domik__overlay b-domik__overlay-fade-in and b-domik__overlay-text b-domik__overlay-fade-in , which have z-index just higher than anything else page :)