La programmation css-shapes

20

На этот вопрос есть ответы на 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; border-right: 50px solid transparent; …

1847 css geometry polygon css-shapes

3

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 …

321 css tooltip css-shapes

17

Comment utiliser CSS pour entourer un nombre d'un cercle?

Je voudrais entourer un nombre dans un cercle comme dans cette image: Est-ce possible et comment est-il réalisé?

250 html css css-shapes

4

Comment animer le dessin d'un texte sur une page Web?

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 …

229 javascript css canvas html5-canvas css-shapes

12

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; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; …

223 html css svg css-shapes

5

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 …

206 html css css-shapes

14

Un moyen plus simple de créer un cercle div que d'utiliser une image?

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 …

186 html css geometry css-shapes

16

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 cercle dans CSS (comme …

156 css css-shapes

8

Contrôlez la longueur et la distance entre les traits de la bordure en pointillés

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> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait De …

124 css border css-shapes

2

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 …

124 css css-shapes

16

Comment dessiner un cercle dans une page html?

Comment dessiner un cercle en utilisant HTML5 et CSS3? Est-il également possible de mettre du texte à l'intérieur?

118 html css geometry css-shapes

5

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 que le triangle ait un fond blanc avec …

114 css border css-shapes

4

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 ce site …

112 html css progress-bar progress css-shapes

10

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 triangle en forme de …

102 html css css-shapes

12

Texte transparent découpé en arrière-plan

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 l'arrière-plan …

90 css svg fonts css-shapes

Questions marquées «css-shapes»