• Как сделать эффект при наведении как в Windows 10?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    1. Набор элементов с бордерами (блоки-флексы-гриды по вкусу).
    2. Сверху абсолютно позиционированный элемент в 200vh/200vw с фоном в виде радиального градиента из прозрачного в цвет фона body или что там еще снизу находится.
    3. В вышеупомянутых элементах текстам задаем z-index и они ложатся сверху градиента.
    4. На событие mousemove вешаем обработчик, который меняет координаты градиента.

    Получаем что-то такое:
    5b5f2943a7553328112612.pngcodepen

    P.S.: И в перспективе вставляйте картинки сюда, а не на левый хостинг.
    Ответ написан
    Комментировать