Les formes CSS sont créées à l'aide de feuilles de style en cascade pour transformer des éléments HTML en formes et en images. Les formes les plus élémentaires incluent des triangles, des carrés et des cercles, mais peuvent être transformées en formes plus avancées telles que des cœurs, des octogones et des étoiles.
На этот вопрос есть ответы на Stack Overflow dans : Как создать треугольники CSS? Il existe de nombreuses formes CSS différentes sur CSS Tricks - Shapes of CSS et je suis particulièrement perplexe avec un triangle: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent;...
Comment créer un menu qui ressemble à ceci ... Lien vers PSD Je ne veux pas utiliser les images PSD. Je préférerais utiliser des icônes de certains packages comme FontAwesome et avoir les arrière-plans / css générés en CSS. Une version du menu qui utilise le PSD pour générer des images de...
Je voudrais entourer un nombre dans un cercle comme dans cette image: Est-ce possible et comment est-il
Je veux avoir une page Web qui a un mot centré. Je veux que ce mot soit dessiné avec une animation, de telle sorte que la page "écrit" le mot de la même manière que nous le ferions, c'est-à-dire qu'il commence à un point et dessine des lignes et des courbes dans le temps de sorte que le résultat...
Comment créer une forme comme celle-ci pour l'afficher sur une page Web? Je ne veux pas utiliser d' images car elles deviendraient floues à l'échelle J'ai essayé avec CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px;...
Voici le CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Comment produit-il le cercle ci-dessous? Supposons que si une largeur de rectangle est de 180 pixels et une hauteur de 180 pixels, elle apparaîtra ainsi: Après avoir appliqué un rayon de bordure de 30 pixels,...
Je me demande s'il existe un moyen plus simple de créer des div circulaires que ce que je fais maintenant. Actuellement, je fais juste une image pour chaque taille différente, mais c'est ennuyeux de le faire. Est-il possible d'utiliser du CSS pour créer des divs circulaires et que je peux...
J'ai trouvé cet exemple sur stackoverflow: Dessiner un cercle en utilisant uniquement le CSS Qui est genial. Mais j'aimerais savoir comment modifier cet exemple afin que je puisse inclure du texte au milieu du cercle? J'ai également trouvé ceci: centrer verticalement et horizontalement le texte en...
Si j'utilise une valeur pixel ou em pour border-radius, le rayon du bord est toujours un arc circulaire ou une forme de pilule même si la valeur est supérieure au plus grand côté de l'élément. Lorsque j'utilise des pourcentages , le rayon du bord est elliptique et commence au milieu de chaque côté...
Est-il possible de contrôler la longueur et la distance entre les traits de bordure en pointillés dans CSS? Cet exemple ci-dessous s'affiche différemment selon les navigateurs: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div>...
Comment dessiner un cercle en utilisant HTML5 et CSS3? Est-il également possible de mettre du texte à
Tentative d'utilisation d'une couleur hexadécimale personnalisée pour mon triangle css (bordure). Cependant, comme il utilise des propriétés de bordure, je ne sais pas comment procéder. Je voudrais éviter javascript et css3 simplement pour des raisons de compatibilité. J'essaie de faire en sorte...
Fermé. Cette question ne respecte pas les directives de Stack Overflow . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question? Mettez à jour la question pour qu'elle soit pertinente pour Stack Overflow. Fermé il y a 5 ans . Améliorez cette question J'ai cherché sur...
Ok, donc tout le monde sait que vous pouvez créer un triangle en utilisant ceci: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Et cela produit un solide, rempli de triangle. Mais comment feriez-vous un...
Existe-t-il un moyen de faire un texte transparent coupé d'un effet d' arrière-plan comme celui de l'image suivante, avec CSS? Il serait triste de perdre tout précieux SEO à cause des images remplaçant le texte. J'ai d'abord pensé aux ombres mais je ne peux rien comprendre ... L'image est...
J'essaie de créer une forme comme dans l'image ci-dessous avec un bord incliné d' un seul côté (par exemple, le côté inférieur) tandis que les autres bords restent droits. J'ai essayé d'utiliser la méthode border (le code est donné ci-dessous) mais les dimensions de ma forme sont dynamiques et je...
Je viens de tomber sur une astuce CSS. Découvrez le violon ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: