- Теория
- Теория
Эффекты при наведении: кнопки — часть 2
В этом задании создадим вторую кнопку с немного другим эффектом у иконки: при наведении иконка должна увеличиваться и одновременно становиться полностью прозрачной, а на её месте синхронно будет появляться дополнительный скрытый блок с ценой .hidden
.
Здесь будет использован плавный переход между двумя значениями прозрачности opacity
и transform: scale
.
Свойство opacity
управляет прозрачностью элемента и принимает в качестве значения числа от 0
до 1
. При этом 0
делает элемент полностью прозрачным, то есть невидимым, а 1
— полностью непрозрачным, то есть видимым.
opacity: 0; /* Прозрачный элемент */
opacity: 0.5; /* Полупрозрачный элемент */
opacity: 1; /* Непрозрачный элемент */
Хотите применять TypeScript и React для разработки сложных клиентских приложений? Записывайтесь на профессиональный курс «React. Разработка сложных клиентских приложений». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.