Как сделать такой эффект?

Question

[Urukhayy]

Наведите мышку на яблочко вверху, оно меняет цвет.

www.apple.com

Answer 1

[Ilya Korablev]

Вот, держите.
Все сразу.

Answer 2

[terehof]

opacity

selector:hover {
    opacity: 0.65;
}

Answer 3

[dm]

Лучше использовать не color, а opacity, потому что вдруг цвет яблока (или чего угодно) со временем решат изменить, придется и color менять.

a: hover {
    opacity: 0.8;
}

opacity делает прозрачность элементу

Answer 4

[Mister]

#element:hover
opacity: 0.65;
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

Answer 5

[Никита]

а самому посмотреть ? Эх какие нынче то ли глупые люди пошли, то ли ленивые, опасити там меняется на ховер яблочка

Answer 6

[maaGames]

a:hover
{
color:#f0f0f0;
}

Comments

[Urukhayy]

Там же картинка..

[Ilya Korablev]

Urukhayy: там вроде прозрачность меняется просто.

[Ilya Korablev]

+transition