Wie Regenbogen Text in HTML erstellen - CSS - JavaScript - Rainbow Coding
In diesem Beitrag stelle ich drei Möglichkeiten, Regenbogen Texte für Web zu erstellen.
1. Bildeditor
Hintergrundbild. -webkit-Gradienten (linear, links oben, rechts oben, farb Anschlag (0, # F22). farb Anschlag (0,15, # F2F). farbAnschlag (0,3, # 22f). farb Anschlag (0.45, # . 2 ff) farbAnschlag (0,6, # 2F2), Farbe-stop (0,75, # 2F2) farb Anschlag (0.9, # FF2) farb Anschlag (1, # F22))..;
Hintergrundbild. Gradient (linear, links oben, rechts oben, farb Anschlag (0, # F22). farb Anschlag (0,15, # F2F). farbAnschlag (0,3, # 22f). farb Anschlag (0.45, # 2 ff). Farbanschlag (0,6, # 2F2), Farbe-stop (0,75, # 2F2) farb Anschlag (0.9, # FF2) farb Anschlag (1, # F22))..;
Mit obigem Text können wir tun:
Rainbows sind bunt und skalierbar und schön
Rainbows sind bunt und skalierbar und schön
Hintergrundbild. -webkit-Gradienten (linear, links oben, rechts oben, farb Anschlag (0, # F22). farb Anschlag (0,15, # F2F). farbAnschlag (0,3, # 22f). farb Anschlag (0.45, # . 2 ff) farbAnschlag (0,6, # 2F2), Farbe-stop (0,75, # 2F2) farb Anschlag (0.9, # FF2) farb Anschlag (1, # F22))..;
Hintergrundbild. Gradient (linear, links oben, rechts oben, farb Anschlag (0, # F22). farb Anschlag (0,15, # F2F). farbAnschlag (0,3, # 22f). farb Anschlag (0.45, # 2 ff). Farbanschlag (0,6, # 2F2), Farbe-stop (0,75, # 2F2) farb Anschlag (0.9, # FF2) farb Anschlag (1, # F22))..;
Erfassen der Unterstützung
Alte Versionen von jQuery enthalten prüfen Browser-Unterstützung, wie Webkit oder firefox, aber selbst dann könnte man nie sicher sein, ob der Browser unterstützt. Um festzustellen, ob die Browser-Unterstützung verfügbar ist, müssen wir Modernizr verwenden.
Dann schließen Sie ihn auf Ihrer Seite.