Jump to content
IPS Invision Community
Sign in to follow this  

Эффект плавного затухания логотипа


Description

Как добавить эффект плавного затухания логотипа при наведении на него мышкой.

1.gif.f9603730aaa69319c6efbe334128153d.gif

Добавьте данный код в Custom.css

#elLogo:hover {
    opacity: .4;
    -moz-transition-property: opacity;
    -moz-transition-duration: 1s;
    -moz-transition-delay: 0s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 1s;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 1s;
    transition-delay: 0s;
}

Проверялось на дефолтном стиле.





Recommended Comments

Sipsb

Posted (edited)

Кэш чистили? Проверял всё работает.

Edited by Sipsb

Share this comment


Link to comment
Share on other sites
Draco-Zero

Posted

16 часов назад, Sipsb сказал:

Кэш чистили?

Чистил несколько раз

Share this comment


Link to comment
Share on other sites
zmaker

Posted

Не работает на теме ipsfocus, на стандартной работает, странно как то?

Share this comment


Link to comment
Share on other sites
Sipsb

Posted

@zmaker Для каждого стиля требуются свои правки.

Скрытый текст

2019-08-05_12-02-35 (1).gif

 

  • Спасибо 1

Share this comment


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...