Maison > interface Web > tutoriel CSS > Graphique à colonnes statistiques à dégradé CSS_Experience Exchange

Graphique à colonnes statistiques à dégradé CSS_Experience Exchange

WBOY
Libérer: 2016-05-16 12:04:12
original
1388 Les gens l'ont consulté

Utilisez l'outil de dessin pour créer une longueur de dégradé. Cela sera plus beau (largeur : 187px ; hauteur 15px)
L'idée originale est qu'à 12 %, l'image s'affiche de la gauche à la position 12%, et les 88 % restants ne sont pas affichés, mais ils n'occupent pas de zone (ils ne sont pas différents du bas de l'image 1px. Je suis allé le chercher dans l'après-midi et j'ai constaté qu'il était impossible de ne pas occuper une zone). .
Pour masquer le pourcentage restant de l'image, pensez-y d'abord. J'ai utilisé une image pour la lumière et l'obscurité, chacune représentant la moitié de la hauteur totale de l'image. J'ai écrit :


successivement de 10% à 100%, si vous ne voyez pas l'effet, passez à C'est OK, mais il doit y avoir du contenu dans la boîte
Je ne l'ai pas écrit hier soir, je l'ai cherché sur Google cet après-midi et je n'ai trouvé aucun dégradé de type 4. Je me suis inspiré de l'un des exemples
URL : http://apples-to-oranges.com/blog/post /css-for-bar-graphs/?id=55
dans : Complex CSS Bar. Graphique
J'ai tout de suite eu ça :


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal