@erudenok

Какой метод необходимо использовать в JS-коде, чтобы сделать появление блока плавным при наведении?

$('.portfolio-rhombs, .portfolio-rhomb').on( "mouseenter", function() {
        $(this).find('.portfolio-rhombs__view, .portfolio-rhomb__view').css({
            "display": "none"
        });
        $(this).find('.portfolio-rhombs__modal, .portfolio-rhomb__modal').css({
            "display": "block"
        });
    });
    $('.portfolio-rhombs, .portfolio-rhomb').on( "mouseleave", function() {
        $(this).find('.portfolio-rhombs__modal, .portfolio-rhomb__modal').css({
            "display": "none"
        });
        $(this).find('.portfolio-rhomb__view').css({
            "display": "block"
        });
        $(this).find('.portfolio-rhombs__view').css({
            "display": "grid"
        });
    })
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ответы на вопрос 2
@TheOnlyFastCoder2
<div id="block">hover me</div>
function getHidden (hide , seconds , animation) {
  block.setAttribute('style',`
    width:100px; 
    height: 50px; 
   cursor:pointer;
    background: ${hide ? "red" : "none"}; 
    transition: ${seconds}s ${animation};
  `)
} 


block.addEventListener('mouseover' , () => getHidden(true,1,"ease-in") )
block.addEventListener('mouseout' , () => getHidden(false,1,"ease-out") )
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы