Уроки HTML, CSS Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик
Привет друзья! Сегодня мы с вами сделаем новогодний курсор на сайте. Для этого используется тег – cursor, он принимает минимум 2 значения: первое – url ссылка на картинку, которую вы будете использовать в виде курсора и второе значение - это тип курсора. Типов курсоров много: default,crosshair, help, move, pointer, progress, text, wait и другие.
❗ Не забываем, самое важное ограничение, если размер картинки больше, чем 128 пикселей на 128 пикселей, то браузера будет игнорировать вашу картинку, поэтому применяем размер картинки на 128х128 пикселей.
Также мы должны держать в памяти то, что посетители нашего сайта начнут путаться, если у вас вместо обычного курсора будет какая-то другая картинка, они не будут понимать, что будет следовать за нажатием этой картинкой. Поэтому лучше к обычной картинке мышки просто добавить небольшую тематическую картинку, например, к мышке можно добавить елочную игрушку или добавить например маленькую гирлянду, либо добавить новогодний шарик или новогоднюю звезду, да хоть елку. 😊
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал:
Рекомендую посмотреть вот эти видео ►
★ [Как скопировать стиль, с одного сайта на другой]
★ [Как добавить снег на сайт]
★ [Как сделать галерею картинок]
★ [Как сделать горизонтальную линию]
★ [Как вставить gif анимацию на сайт]
★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала]
★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch
● Уроки программирования для детей и подростков на Python
● Уроки HTML/CSS. Учим быстро и эффективно!
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.
● Уроки jQuery. Для начинающих, с нуля
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
#урокиhtml #урокиcss #урокиjavascript
- Уроки от #OlegShpagin 👨🏼💻