пытаясь сделать переход по нажатию - PullRequest
Новая
       8

пытаясь сделать переход по нажатию

0 голосов
/ 20 сентября 2019

Я пытаюсь сделать эффект :hover :target или on-click, и я, очевидно, потерял все знания о том, как это сделать.

Я пытался преобразовать div в класс link и пробовал каждый возможный синтаксис с гиперссылками. 

#main 
{
    height: 400px;
    width: 900px;
    position: fixed;
    margin: auto;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    border: 1px solid;
}

.slide1 {
    height: 100px;
    width: 300px;
    position: fixed;
    margin: auto;
    top: 0px;
    bottom: 300px;
    right: 0px;
    left: 0px;
    overflow: hidden;
    border: 1px solid;
    background-image: url('http://i.picpar.com/OcFd.png');
    background-repeat: no-repeat;
    background-position: 1px -50px;
    transition: all 1s;
}

#main:hover .slide1 {
    position: fixed;
    right: 600px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    background-position: 0px 0px;
    height: 400px;
}

...