Wie man Hover-Effekt wie diese machen?

-2

ich einige Seiten gesucht und ich fand Ultra Host-Ultra-Host Wie man Hover-Effekt wie diese machen?

Wie Sie sehen können, wenn Sie Tasten schweben, sie erstaunliche Wirkung tun. Ich weiß nicht, wie man diesen Effekt macht, ich weiß einfach nur Hover.

Quelle

2017-06-18 Бојан Долић

Bitte lesen [Etwas auf meiner Website funktioniert nicht. Kann ich einfach einen Link einfügen?] (Http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -zu-es). Fragen, die von zu verstehenden externen Ressourcen abhängen, werden nutzlos, wenn die externe Ressource verschwindet oder repariert wird. ** Beschreibe ** was du erreichen willst, verlinke dich nicht mit jemand anderen, der es bereits getan hat. Wenn Sie auf eine kommerzielle Seite verlinken, riskieren Sie auch, dass die Leute denken, dass Ihre Frage Spam ist. – Quentin

Sie verwenden _simple Hover_ mit einer Wendung. Veröffentlichen Sie den Code, den Sie haben, und wir können Ihnen helfen. – LGSon

Nur einfache Hover 'li { Übergang: 0,3 s; } li: schweben { Hintergrundfarbe: rot; } ' –

Sie benötigen Kombination von ::after Pseudoelement verwenden und transform: skewX()

Fiddle: https://jsfiddle.net/JacobDesight/wuy3usv3/1/

Quelle

2017-06-18 21:04:17

Ich habe etwas falsch gemacht.Ich habe diese CSS angewendet und mein Hover ist über meine gesamte Webseite http://i.imgur.com/gtgnMUS.png –

Dies ist der CSS-Code von ihrer Website. Versuch es.

#background-image: -moz-linear-gradient(0deg, rgb(0, 81, 172) 49%, rgb(0, 156, 255) 100%); 
    #background-image: -webkit-linear-gradient(0deg, rgb(0, 81, 172) 49%, rgb(0, 156, 255) 100%); 
    #background-image: -ms-linear-gradient(0deg, rgb(0, 81, 172) 49%, rgb(0, 156, 255) 100%); 
    background: -moz-linear-gradient(left, rgb(0, 156, 255) 0%, rgb(0, 81, 172) 49%, rgb(0, 156, 255) 100%); 
    background: -webkit-linear-gradient(left, rgb(0, 156, 255) 0%, rgb(0, 81, 172) 49%, rgb(0, 156, 255) 100%); 
    background: -ms-linear-gradient(left, rgb(0, 156, 255) 0%, rgb(0, 81, 172) 49%, rgb(0, 156, 255) 100%); 
    #opacity: 0.80; 
    #filter: alpha(opacity=80); 
    text-shadow: 0px 0px 5px #00BFFF; 
    box-shadow: inset 0px -1px 14px -2px #00FFEA; 
    -webkit-box-shadow: inset 0px -1px 14px -2px #00FFEA; 
    -moz-box-shadow: inset 0px -1px 14px -2px #00FFEA; 
    -o-box-shadow: inset 0px -1px 14px -2px #00FFEA; 
    -moz-transform: translateY(-50%) translateX(-50%) rotate(30deg); 
    -ms-transform: translateY(-50%) translateX(-50%) rotate(30deg); 
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(30deg); 
    transform: translateY(-50%) translateX(-50%) rotate(30deg);

Quelle

2017-06-18 21:16:36

Wie man Hover-Effekt wie diese machen?

Antwort

Verwandte Themen