Où puis-je trouver un exemple pour créer un cercle comme celui-ci avec css3 et jQuery (pour la navigation) Il devrait y avoir du texte (html) au centre Lorsque vous cliquez (ou survolez) l’élément suivant, le contenu du centre doit changer, ainsi que la couleur de fond
MISE À JOUR Je viens donc de découvrir le rayon de la frontière elliptique. J’ai obtenu presque le même résultat que je recherchais, mais la frontière s’épaissit avec les points de suspension, donc si quelqu’un est au courant d’une meilleure approche, je cherche toujours. Voici mon JSfiddle – Le résultat ressemble à ceci Code utilisé […]
J’ai actuellement une carte. Sur cette carte, plusieurs petits cercles / points créés avec un border-radius . Survoler un point anime le point + d’autres éléments. MON NUMÉRO: Pour le moment, je dois être TRÈS précis pour survoler un point car il est si petit. Je me demande s’il est possible de créer une zone […]
Existe-t-il un moyen de personnaliser le style de bordure scoop dans CSS ou jQuery? Comme l’image ci-dessous:
L’image ci-dessus est ce que j’essaie de créer, mais j’ai des difficultés avec la forme ovale. Une explication: La barre de menus est une div avec un léger dégradé linéaire (gris foncé à gris clair transparent) L’image du logo de la société a un bg transparent et s’asseoira au-dessus de la barre de menus. La […]
Je suis en train de tout apprendre sur le CSS, alors j’essaie de générer différentes formes avec différentes fonctionnalités. Je travaille actuellement sur un projet qui nécessite une flèche horizontale pour afficher le «progrès» d’une transaction en cours. J’essaie donc de générer une “barre de progression” de type flèche: |\ | \ +—————-+ \ |XX| […]
Je rencontre actuellement des problèmes pour créer un «système de jaugeage de réservoir» dans le cadre de mon projet. J’utilise MVC et en utilisant le balisage suivant, je l’ai réalisé: en utilisant: #container { position:absolute; margin:0; margin-top:-50px; width:100%; padding:0; -moz-perspective: 1000px; /*required to make cylinder shape*/ -webkit-perspective: 1000px; } #frame { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; […]
J’ai ce code pour le coin plié en utilisant CSS: body { background-color: #e1e1e1 } .note { position: relative; width: 480px; padding: 1em 1.5em; margin: 2em auto; color: #fff; background: #97C02F; overflow: hidden; } .note:before { content: “”; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; /* This sortingck side-steps a webkit […]
J’essaie de faire un point d’éclat comme l’image ci-dessous: Actuellement, j’ai essayé d’utiliser des pseudo-éléments. Cependant, je n’ai pu générer qu’une rafale de 12 points et ne reflète pas ce qui est affiché dans l’image. Est-il possible de créer un point éclaté avec seulement quelques éléments? Voici le code que j’ai utilisé pour essayer cette […]
Je me demande s’il est possible en CSS ou Jquery de créer une bordure mais uniquement pour le coin Quelque chose comme ça: **** **** * * * * CONTENT * * * * **** ****