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 Wie man es mit css Hover machen?
-4
A
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 –
Bitte geben Sie uns den Code, den Sie ausprobiert haben? – kukkuz
Überprüfen Sie diesen Link. https://css-tricks.com/css3-gradients/ –
Sie würden es genau so machen, als ob es nicht auf Hover war, dann setzen Sie ': Hover' auf den Selektor. – 4castle