Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...

Допустим, у вас есть обьект, которому вы хотите задавать случайные свойства цвета при нажатии на него Начнём с создания переменных: const colors = ['#DC143C', '#B22222', '#C71585', '#DB7093' ] const circle = document.createElement('#circle') Напишем функцию, которая будет брать из массива цветов элемент с рандомным индексом: function RandomColor() { return colors[Math.floor(Math.random() * colors.length)]...