При верстке иногда надо сделать CSS-переход (transition) при отведении мышки не таким, как при наведении. То есть, при наведении мышки - один эффект, при отведении мышки другой эффект (не такой, как при наведении).
Это возможно, и для этого в псевдоклассе :hover надо прописать еще один transition. Тот, что прописан в :hover, будет иметь более высокий приоритет, и перекроет transition, прописанный в самом классе. В итоге:
- при наведении мышки будет использован transition, записанный в псевдоклассе :hover
- при отведении мышки будет использован transition, записанный в основном классе
Пример (при наведении - смена цвета, при отведении - переворот):
Данный прием подсмотрел на сайте CSS-Tricks.
Комментариев нет :
Отправить комментарий
Примечание. Отправлять комментарии могут только участники этого блога.