Myvideo

Guest

Login

Уроки HTML, CSS Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик

Uploaded By: Myvideo
19 views
0
0 votes
0

Привет друзья! Сегодня мы с вами сделаем новогодний курсор на сайте. Для этого используется тег – 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 👨🏼‍💻

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later