Прочесть серию небольших статей о классных эффектах при наведении на элемент можно на канале WebTutorials в Dzen. Hover effect #3 Мы собираемся использовать два градиента вместо одного для этого эффекта. Мы увидим, что комбинирование нескольких градиентов — это еще один способ создания причудливых эффектов наведения. Вот схема того, что мы делаем: Вот как это выглядит в CSS: Код почти такой же, как и у других эффектов наведения, которые мы рассмотрели. Единственная разница в том, что у нас есть два градиента с двумя разными позициями...

Некоторое время назад Джефф написал статью о классном эффекте наведения. Эффект основан на комбинации псевдоэлементов CSS, преобразований и переходов. Множество комментариев показали, что тот же эффект можно добиться, используя свойства фона. Джефф упомянул, что это была его первоначальная мысль, и я тоже об этом думал. Я не говорю, что псевдоэлемент, на котором он остановился, плох, но знание различных методов для достижения того же эффекта может быть только хорошим. В этом посте мы переработаем...