Помощь по скриптам | Нужен продвинутый.
Тема закрыта by
AtamY
Причина: Сам сделал. Тьфу мрази.
Причина: Сам сделал. Тьфу мрази.
Это слайдер он прокручивает только картинку.
Мне нужно чтобы он вместе с картинкой прокручивал блок с кнопкой.
Чет сложновато(
Мне нужно чтобы он вместе с картинкой прокручивал блок с кнопкой.
Чет сложновато(
<style>
[class^="scroll"] {
position: relative;
height: 10em;
line-height: 10em;
padding: 0 3em;
}
[class^="scroll"] input {
display: none;
}
[class^="scroll"] div {
height: 100%;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
font-size: 0;
}
[class^="scroll"] img {
position: relative;
right: 0em;
width: 25%;
height: 100%;
transition: .5s;
}
[class^="scroll"] label {
cursor: pointer;
font-weight: 600;
font-size: 3em;
}
[class^="scroll"] input:nth-of-type(1):checked ~ label:nth-of-type(2):after,
[class^="scroll"] input:nth-of-type(2):checked ~ label:nth-of-type(3):after,
[class^="scroll"] input:nth-of-type(3):checked ~ label:nth-of-type(4):after,
[class^="scroll"] input:nth-of-type(4):checked ~ label:nth-of-type(5):after,
[class^="scroll"] input:nth-of-type(5):checked ~ label:nth-of-type(6):after,
[class^="scroll"] input:nth-of-type(6):checked ~ label:nth-of-type(7):after {
content: "\3009";
position: absolute;
right: 0;
}
[class^="scroll"] input:nth-of-type(2):checked ~ label:nth-of-type(1):after,
[class^="scroll"] input:nth-of-type(3):checked ~ label:nth-of-type(2):after,
[class^="scroll"] input:nth-of-type(4):checked ~ label:nth-of-type(3):after,
[class^="scroll"] input:nth-of-type(5):checked ~ label:nth-of-type(4):after,
[class^="scroll"] input:nth-of-type(6):checked ~ label:nth-of-type(5):after,
[class^="scroll"] input:nth-of-type(7):checked ~ label:nth-of-type(6):after {
content: "\3008";
position: absolute;
left: 0;
}
[class^="scroll"] input:nth-of-type(2):checked ~ div img {right: 25%;}
[class^="scroll"] input:nth-of-type(3):checked ~ div img {right: 50%;}
[class^="scroll"] input:nth-of-type(4):checked ~ div img {right: 75%;}
[class^="scroll"] input:nth-of-type(5):checked ~ div img {right: 100%;}
[class^="scroll"] input:nth-of-type(6):checked ~ div img {right: 125%;}
[class^="scroll"] input:nth-of-type(7):checked ~ div img {right: 150%;}
</style>
Извращенец
AlexSex (15.09.2018 в 22:37)
Извращенец
Извращенец
Как стадо посмотрели и сье.. Овощи бл..