Ответы пользователя по тегу JavaScript
  • Что за библиотека для анимации на сайте?

    Ugolnikovvv
    @Ugolnikovvv
    Junior Frontend-разработчик
    На сайте используется TweenMax
    Ответ написан
    Комментировать
  • Как поменять цвет иконки SVG при наведении?

    Ugolnikovvv
    @Ugolnikovvv
    Junior Frontend-разработчик
    Чтобы цвет менять в CSS, нужно убрать все атрибуты fill в path

    <svg width="39" height="34" viewBox="0 0 39 34" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.3029 22.2175L14.6578 31.2472C15.5808 31.2472 15.9805 30.8527 16.4599 30.3789L20.7873 26.2634L29.754 32.798C31.3985 33.71 32.5572 33.2297 33.0008 31.2925L38.8865 3.84768L38.8882 3.84606C39.4098 1.42693 38.009 0.480945 36.4068 1.07441L1.81054 14.2551C-0.550586 15.1671 -0.514836 16.477 1.40916 17.0704L10.254 19.8081L30.7989 7.01551C31.7658 6.37838 32.6449 6.7309 31.9218 7.36803L15.3029 22.2175Z" />
    </svg>

    svg {
      fill: blue
    }
    
    svg:hover {
      fill: green;
    }
    Ответ написан
    Комментировать
  • Активный пункт меню на JavaScript?

    Ugolnikovvv
    @Ugolnikovvv
    Junior Frontend-разработчик
    Почему нельзя через CSS?

    <div id="menu">
        <nav class="nav-menu">
           <a href="/" class="menu-item__link menu-item__link--current">
             <svg></svg>
             <div class="item-link__text">Главная</div>
           </a>
           <a href="#" class="menu-item__link">
             <svg></svg>
             <div class="item-link__text">Книги</div>
           </a>
           <a href="#" class="menu-item__link">
             <svg></svg>
             <div class="item-link__text">Фильмы</div>
           </a>
           <a href="#" class="menu-item__link">
             <svg></svg>
             <div class="item-link__text">Истории</div>
           </a>
           <a href="#" class="menu-item__link">
             <svg></svg>
             <div class="item-link__text">Профиль</div>
           </a>
        </nav>
    </div>

    .menu-item__link--current {
        position: relative;
    }
    
    .menu-item__link--current::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: #fff;
        filter: blur(px);
    }
    }
    Ответ написан