В этой статье мы расскажем как сделать плавное изменение цвета ссылки при наведении на неё курсора.
Изменение цвета ссылки происходит за счет псевдоселектора :hover, который добавляется к селектору ссылки. В итоге для полученного селектора и прописывается цвет ссылки, который должен быть при наведении на неё. Выглядит это так:
Для того, чтобы цвет ссылки изменялся плавно, необходимо добавить свойство transition к селектору a, это свойство определяет скорость изменения состояний элемента(Например, между обычным и :hover). В качестве значений это свойство принимает время в s.
Пример:
Как это выглядит на странице:
Добавить комментарий
Авторизоваться с помощью: