$color: transparent; $colorHover: #800899; $stripesCount: 5; $stripesHeight: 0%+(100/$stripesCount); $topIndent: 0%; $transition-delay: 0.2s; $transitiom-delay-step: 0.1; .team-talk { background-color: $color; position: relative; z-index: 1; span { position: absolute; z-index: -1; height: $stripesHeight; opacity: 0; background-color: $colorHover; } &.from-right { span { left: 100%; right: 0; } &:hover { span { left: 0; } } } &.from-left { span { left: 0; right: 100%; } &:hover { span { right: 0; } } } &:hover { span { opacity: 1; } } }