2017-11-10 1 views
0

Ich habe eine Pfeil-up-Taste aus zwei Grenzen, leider es nicht zusammen, so kann ich sehen, wie Grenzen auf einander gestapelt sind, aber sie sollten zusammen wie ein Element sein!CSS-Grenze Merge

#myBtn { 
 
    //display: none; 
 
    position: fixed; 
 
    bottom: 20px; 
 
    right: 30px; 
 
    z-index: 999; 
 
    border: 10px solid #778293; 
 
    background-color: rgba(0, 0, 0, 0); 
 
    border-left: none; 
 
    border-top: none; 
 
    cursor: pointer; 
 
    width: 4vh; 
 
    height: 4vh; 
 
    transform: rotate(225deg); 
 
    transition: border-width 150ms ease-in-out; 
 
} 
 

 
#myBtn:hover { 
 
    border-bottom-width: 1em; 
 
    border-right-width: 1em; 
 
}
<button onclick="topFunction()" id="myBtn" title="Go to top">My Button</button>

+0

Geben Sie bitte Stift. – Matt

+2

Bitte geben Sie keinen Stift an, sondern verwenden Sie das SO-Snippet. Ich habe Ihre Frage mit einer funktionierenden bearbeitet, aber Ihr Code scheint nicht das zu tun, was Sie beschrieben haben, also ich vermute, Sie vermissen etwas – SourceOverflow

+1

Es ist unklar, was Sie verlangen. –

Antwort

0

#myBtn { 
 
    display: none; 
 
    position: fixed; 
 
    bottom: 20px; 
 
    right: 30px; 
 
    z-index: 999; 
 
    border: 10px solid #778293; 
 
    background-color: rgba(0, 0, 0, 0); 
 
    border-left: none; 
 
    border-top: none; 
 
    cursor: pointer; 
 
    width: 4vh; 
 
    height: 4vh; 
 
    transform: rotate(225deg); 
 
    transition: border-width 150ms ease-in-out; 
 
} 
 

 
#myBtn:hover { 
 
    border-bottom-width: 1em; 
 
    border-right-width: 1em; 
 
}
<button onclick="topFunction()" id="myBtn" title="Go to top">My Button</button>