Как скользить в переходе, когда не наведите на несколько предметов - PullRequest
Новая
       36

Как скользить в переходе, когда не наведите на несколько предметов

0 голосов
/ 16 декабря 2018

Когда я наводю курсор на оранжевую рамку, она переходит на желтую рамку справа.Когда я покидаю оранжевую коробку, она превращает желтую коробку наружу.Но я хочу, чтобы он не переходил, если я наведусь на желтую рамку. Изображение

/ * CSS / *

.block:hover + .slider {
    width: 1000px;
    transition: .5s ease-in-out;
}
.insideblocks {
    position: relative;
    width: 230px;
    height: 80px;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.block:not(:hover) + .slider {
    width: 0px;
    transition: .5s ease-in-out;
}

/ * HTML / *

<section>
    <div class="mainbackground">
        <div class="form">
            <div class="block"></div>
            <div class="slider">
                <div class="insideblocks">Background</div>
                <div class="insideblocks">Goals</div>
                <div class="insideblocks">Achievments</div>
            </div>
        </div>
        <div class="form">
            <div class="block"></div>
            <div class="slider">
                <div class="insideblocks">Future</div>
                <div class="insideblocks">College</div>
                <div class="insideblocks">Hot 50 Flyer</div>
            </div>
        </div>
        <div class="form">
            <div class="block"></div>
            <div class="slider">
                <div class="insideblocks">Letter To Freshmen</div>
                <div class="insideblocks">Letter Of Recommendation</div>
                <div class="insideblocks">Scholarship Essay</div>

Извините, я не понял, что я не ввел свой код.

...