Irgendeine Idee, wie man Textfarbe für 2 Teile der Steigungslinie ändert? Zum Beispiel, wenn ich möchte, dass der blaue Teil des Textes ('s', 'o' und ein Teil von 'm') schwarz ist?Ändern der Textfarbe auf 2 Seiten der diagonalen Farbverlaufslinie in html
.button{
background: linear-gradient(140deg, #00C9FF 35%, transparent 35%);
}
Sie können es tun, den Text in einem <p> Tag Verpackung und ein linear-gradient zu diesem Tag setzt.
button{
background: linear-gradient(140deg, #00C9FF 35%, transparent 35%);
color: white;
font-size: 30px;
}
p{
margin: 0;
font-size: 50px;
background: -webkit-linear-gradient(130deg, red 65%, black 15%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}<button type="button"><p>some long text</p></button>großartig! Vielen Dank!! – Boltosaurus
Vielleicht Modi mischen könnten aber auch andere helfen, als dass ich glaube nicht, dass jede reine CSS-Option ist dies zu erreichen (es sei denn Sie ein Betrogene Element auf der Oberseite und Stil anders hinzufügen). – Harry