Comment créer un texte d'arc-en HTML - CSS - JavaScript - arc-en-codage
Dans ce post, je présente trois façons de créer des textes d'arc-en-web pour.
1. Editeur d'images
image de fond. -webkit-gradient (linéaire, supérieur gauche, supérieur droit, couleur butée (0, # f22). color-stop (0,15, # f2f). couleur butée (0.3, # 22f). color-stop (0,45, # . 2FF) couleur butée (0.6, # 2f2), la couleur-butée (0.75, # 2F2) couleur butée (0.9, # FF2) couleur arrêt (1, # f22))..;
image de fond. gradient (linéaire, en haut à gauche, en haut à droite, la couleur-butée (0, # f22). color-stop (0,15, # f2f). couleur butée (0.3, # 22f). color-stop (0,45, # 2FF). couleur butée (0.6, # 2f2), la couleur-butée (0.75, # 2F2) couleur butée (0.9, # FF2) couleur arrêt (1, # f22))..;
Avec le texte ci-dessus, nous pouvons le faire:
Rainbows sont colorés et évolutive et belle
Rainbows sont colorés et évolutive et belle
image de fond. -webkit-gradient (linéaire, supérieur gauche, supérieur droit, couleur butée (0, # f22). color-stop (0,15, # f2f). couleur butée (0.3, # 22f). color-stop (0,45, # . 2FF) couleur butée (0.6, # 2f2), la couleur-butée (0.75, # 2F2) couleur butée (0.9, # FF2) couleur arrêt (1, # f22))..;
image de fond. gradient (linéaire, en haut à gauche, en haut à droite, la couleur-butée (0, # f22). color-stop (0,15, # f2f). couleur butée (0.3, # 22f). color-stop (0,45, # 2FF). couleur butée (0.6, # 2f2), la couleur-butée (0.75, # 2F2) couleur butée (0.9, # FF2) couleur arrêt (1, # f22))..;
Détecter le support
Les anciennes versions de jQuery contenaient des chèques de soutien du navigateur, comme webkit ou Firefox, mais même alors vous pourriez jamais être sûr si le navigateur supporte. Pour détecter si le support du navigateur est disponible, nous devons utiliser Modernizr.
Ensuite, l'inclure dans votre page.