17. CSS свойства взаимодействия — cursor, user-select, pointer-events, scroll-behavior и resize
Кастомизация стандартного курсора на сайте
Меняем обычный курсор на свой двумя способами: первый очень простой при помощи только CSS, второй посложнее с применением Javascript. Этот материал есть на нашем сайте Frontext.ru. Зачем вообще его кастомизировать? Действительно, доля touchscreen устройств неуклонно растёт, и такая затея кажется слишком сомнительной. Но всё-таки, иногда это может быть полезным. Например, для того, чтобы подчеркнуть уникальный дизайн либо вызвать нужные эмоции у пользователя. Разберём два небольших примера, как это можно сделать...
Как сделать кнопку в HTML?
Добрый день. Сегодня рассмотрим как просто сделать красивую кнопку на HTML и добавить к ней стили. Итак, приступим... Для начала, как всегда, создаем файл test.html в любом месте нашего ПК. Открываем наш файл test.html и вставляем строку подключения нашего файла со стилями: <head>
<link rel="stylesheet" href="styles.css">
</head> Далее мы прописываем нашу кнопку: <body>
<button class="custom-btn btn-2">Кнопка</button>
</body> Но без стилей наша кнопка выглядит очень скучно, исправим это. Открываем наш файл styles...