2 года назад
2.2.11 CSS: событие наведения мыши и легкая анимация
Статья связана с репозиторием на GitHub. Сейчас немного о том, как оживить сайт без подключения JavaScript. С тем, как описываются стили в CSS мы уже разобрались в отдельной статье. Сейчас создам простенький div с текстом. Например вот так: Назначу блоку черную рамку, серую тень, размер 100 на 100 пикселей и отцентрированный текст шрифтом в 16 пикселей. Теперь о том, как изменить блок при наведении. Для начала просто поменяю стили: Наведение описывается добавлением :hover, как на скрине: если вы навели мышку на блок, то применяются правила из дополнительной инструкции...
156 читали · 1 год назад
Простая шпаргалка по jQuery для начинающих веб программистов
В прошлых статьях в блоге была упомянута популярная JavaScript-библиотека jQuery. Для тех, кто еще не сталкивался с данным полезным инструментом веб-разработки, я определенно рекомендую уделить время и прочитать сначала вводный материал, а потом и эту дополняющую статью. Для всех других кто уже работал с этой библиотекой, может быть полезно сохранить ссылку чтобы поделиться с начинающими веб программистами - или повторить материал при необходимости. Чуть повторюсь относительно вводной статьи. Вот...
1831 читали · 4 года назад
Как создать эффект 3D анимации при движении мыши в Divi theme
ОРИГИНАЛ СТАТЬИ НА САЙТЕ Эффект 3D-анимации при движении мыши — это способ увлекательного взаимодействия пользователей с контентом на вашем сайте. Обычно мы анимируем объекты при наведении на них курсора или при щелчке.  Divi в нашем каталоге Лицензионная тема Divi в нашем каталоге ресурсов. В этом уроке мы разберём более творческий способ анимации объектов при перемещении мыши, который создаёт ощущение, что объект объёмный. Это совершенно по-новому оживит ваш контент и сделает пользовательский опыт более разнообразным и интересным...