Почему не отрабатывает transition в обратную сторону?

Question

[Nikita Shchypylov]

Всем привет, есть такой код:

span {
				opacity: 0;
				@include transition(0.6s opacity);
				width: 100%;
				height: 100%;
				font: $font_regular;
				color: $white;
				display: block;
				text-align: center;
				padding: 40% 0 0;
				&:hover {
					background: rgba(0,0,0,0.8);
					opacity: 1;
			}
}

По наведению анимация плавная, а обратно нет, быстро тухнет. Почему так?

Comments

[Алексей Струков]

а у миксина правильный синтаксис?
все должно работать поидее

[Nikita Shchypylov]

Алексей Струков: правильный

[Алексей Струков]

Nikita Schipilov: попробуй всетаки вручную написать transition: 0.6s )
либо выкладывай сам миксин)
еще как вариант попробуй на ховере только opacity менять без бэкграунда

Answer 1

[sergey]

так

span {
        opacity: 0;
        @include transition(0.6s opacity);
        width: 100%;
        height: 100%;
        font: $font_regular;
        color: $white;
        display: block;
        text-align: center;
        padding: 40% 0 0;
        &:hover {
          background: rgba(0,0,0,0.8);
          opacity: 1;
          @include transition(0.6s opacity);
      }
}

Comments

[Nikita Shchypylov]

Не работает (

[sergey]

Nikita Schipilov: странно

[Nikita Shchypylov]

SM: изначально у меня так и было) Просто потом стер зачем то