Создание эффектов наведения ссылок CSS может добавить немного изюминки на скучную веб-страницу. Если вы когда-либо оказывались в тупике, пытаясь создать эффект плавного наведения, у меня есть шесть CSS-эффектов, которые вы можете взять и использовать для своего следующего проекта. Давайте перейдем прямо к делу! Я знаю, что мы говорим :hover и все такое, но иногда (но, возможно, не всегда) это может быть хорошей идеей:focus, поскольку не все взаимодействия осуществляются непосредственно с помощью мыши, но, возможно, нажатием или нажатием клавиши...

Давайте посмотрим на тень элементов, и сделаем маленькие анимации при наведении. Тень делается с помощью css, а точнее с помощью атрибута box-shadow, он очень сложный, но мы рассмотрим его! Пример CSS: И у нас будет красивая серая тень! Теперь попробуем сделать свою, четыре цифры означают сдвиг тени. Это сразу сложно понять, поэтому после урока попробуйте изменить код в начале урока под себя. Теперь...