CSS Farbverlauf Hintergrund auf div

Wie bekomme ich einen ähnlichen Stil zu den unten aktiven div? Es scheint, dass die Farbe etwas verblasst.CSS Farbverlauf Hintergrund auf div

Quelle

2016-10-21 chefcurry7

mindestens Post helfen könnten, wo man sah, dass so können die Leute den Originalcode sehen –

Es ist von einem Photoshop-Design, ich d Ich habe kein CSS. Ich möchte nur, dass das CSS die Wirkung erzielt. – chefcurry7

können Sie linear-gradient dafür verwenden, wie es here beschrieben. Sie können wie folgt vorgehen:

.hoverable:hover { 
    background: -webkit-linear-gradient(white, lightgray); 
    background: -moz-linear-gradient(white, lightgray); 
    background: -o-linear-gradient(white, lightgray); 
    background: linear-gradient(white, lightgray); 
}

Sie eine Demo auf this Fiddle

Quelle

2016-10-21 01:52:02

dieses

Versuchen überprüfen

#grad1 { 
 
    height: 200px; 
 
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */ 
 
    background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */ 
 
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */ 
 
    background: linear-gradient(rgba(255,0,0,0), rgba(245,245,245,1)); /* Standard syntax (must be last) */ 
 
}

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<h3>Linear Gradient - Transparency</h3> 
 

 
<div id="grad1"></div> 
 

 
</body> 
 
</html>

Quelle

2016-10-21 01:57:32 Sytor

CSS Farbverlauf Hintergrund auf div

Antwort

Verwandte Themen