CSS3 Преобразувайте, за да разкриете долния слой - css3, css-selectors, css-transforms

Научавам се да използвам CSS3 Transforms. Създадох демото под това, което разкрива част от слоя под видимия слой.

http://codepen.io/anon/pen/uFHpe

При накланянето над откроения слой бих искал той да остане видим, но в момента той предизвиква затварянето на разкрития слой.

Отговори:

Опитайте да я приложите, когато over се движи и кога background се движи с помощта на селектора на сестрата ~

.over:hover, .background:hover ~ .over {
transform: translateX(-200px);
transition: all 0.3s ease-in-out 0s;
}

За повече информация относно CSS селекторите, това е страхотна и информативна статия