2016-08-05 7 views
-4

Schauen Sie sich das Bild an. Der erste ist der Schwebeflug. Wie macht man solche Gradienten-Hover-Effekte mit dem Gradientenhintergrund? Hier ist die HTML-code- https://github.com/itsumrat/olivia/blob/master/index.html#L127 Hier SCSS https://github.com/itsumrat/olivia/blob/master/assets/src/scss/components/_feature.scss imageWie man es mit css Hover machen?

+3

Bitte geben Sie uns den Code, den Sie ausprobiert haben? – kukkuz

+0

Überprüfen Sie diesen Link. https://css-tricks.com/css3-gradients/ –

+1

Sie würden es genau so machen, als ob es nicht auf Hover war, dann setzen Sie ': Hover' auf den Selektor. – 4castle

Antwort

0

Dies ist ein einfacher Hintergrund ändert auf Hover code-:

#yourbutton:hover { 
    background: linear-gradient: ....; 
} 

Vielleicht um in der Schaltfläche ein div mit einem kleinen weißen Rande gibt. Sie können die Farbe dieses Bereichs so einstellen, dass das gleiche Ergebnis wie im Bild erzielt wird.

+0

Wie können Sie einen farbigen Kreis mit diesem Code und Abstand zwischen Hintergrund und Rahmen erstellen? Siehe meinen Code. Hier ist der HTML-Code-https://github.com/itsumrat/olivia/blob/master/index.html#L127 Hier ist SCSS-Code- https://github.com/itsumrat/olivia/blob/master/assets /src/scss/components/_feature.scss –