Questions marquées «shapes»

1847
Comment fonctionnent les triangles CSS?

На этот вопрос есть ответы на 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;...

321
Création d'un menu radial en CSS

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...

229
Comment créer un fond dégradé dans Android

Je veux créer un fond dégradé où le dégradé est dans la moitié supérieure et il y a une couleur unie dans la moitié inférieure, comme dans cette image ci-dessous: Je ne peux pas parce que les centerColorspreads s'étendent pour couvrir le bas et le haut. Comment créer un arrière-plan comme la...

223
Comment créer une larme en HTML?

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;...

206
Comment ce CSS produit-il un cercle?

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,...

177
Formes multi-dégradés

Je voudrais créer une forme qui ressemble à l'image suivante: Remarquez les dégradés de la moitié supérieure de la couleur 1 à la couleur 2, mais il y a une moitié inférieure qui dégradé de la couleur 3 à la couleur 4. Je sais comment créer une forme avec un seul dégradé, mais je ne sais pas...

171
Coin arrondi pour la visualisation de texte sous Android

J'ai une vue de texte et je veux que son coin soit de forme ronde. Je sais déjà que cela peut être fait en utilisant android:background="@drawable/somefile". Dans mon cas, cette balise est déjà incluse et ne peut donc pas être réutilisée. par exemple android:background="@drawable/mydialogbox"est...

157
Bordure en forme xml

J'essaie de créer un dessin à utiliser pour un bouton. Je voudrais qu'il ait cette coloration, avec une bordure de 2px autour. Tout fonctionne très bien sauf que je ne peux pas faire apparaître la bordure ... <?xml version="1.0" encoding="utf-8"?> <shape

156
css: comment dessiner un cercle avec du texte au milieu?

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...

124
Bordure-rayon en pourcentage (%) et pixels (px) ou em

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é...

114
Couleur de bordure personnalisée du triangle CSS

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...

112
CSS Progress Circle [fermé]

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...

102
Comment faire une flèche fantaisie en utilisant CSS?

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...