Questions sur css-shapes

18
réponses

Comment fonctionnent les triangles CSS?

Il ya beaucoup de différentes formes CSS plus à CSS trucs-formes de CSS et je suis particulièrement intrigué par ... ttom: 100px solid red; } <div id="triangle-up"></div> Comment et pourquoi cela fonctionne?
demandé sur 2011-08-16 07:54:51
12
réponses

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 images ... t pas courbée. y a-t-il un moyen de créer cette forme pour qu'elle puisse être utilisée dans une page HTML?
demandé sur 2015-06-08 17:01:16
15
réponses

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

j'ai trouvé cet exemple sur stackoverflow: Dessine un Cercle à l'aide de css seul qui est gran ... u lieu d'un cercle, j'ai une forme ovale. J'essaie de jouer avec le code pour voir comment je peux le faire marcher.
demandé sur 2013-05-17 22:11:01
7
réponses

Tracer le cercle en utilisant CSS seul [dupliquer]

cette question a déjà une réponse ici: comment dessiner un cercle en page html? ... dessiner circle en utilisant css seulement qui peut fonctionner sur la plupart des navigateurs (IE,Mozilla,Safari) ?
demandé sur 2011-08-04 10:18:26
16
réponses

Comment dessiner un cercle dans la page html?

Comment dessiner un cercle en utilisant HTML5 et CSS3? est-il également possible de mettre du texte à l'intérieur?
demandé sur 2011-08-03 08:53:57
6
réponses

Comment puis-je créer une "queue de tooltip" en utilisant des CSS purs?

je viens de tomber sur un truc de CSS. Découvrez le violon... .tooltiptail { display: block; borde ... order-color: transparent #ffffff transparent transparent; position:absolute; left: -18px; top: 8px; }
demandé sur 2011-04-11 18:46:49
4
réponses

CSS Progress Circle [fermé]

j'ai cherché sur ce site pour trouver des barres de progression, mais celles que j'ai pu trouver montrent des cercles ... mme dans la capture d'écran ci-dessous. Est-ce que je peux faire ça en utilisant seulement CSS?
demandé sur 2013-01-08 23:00:09
7
réponses

Générer un motif hexagonal répétitif avec CSS3

donc, je dois faire un motif hexagonal répétitif, en utilisant CSS. Si des images sont nécessaires, je peux aller là-b ... acement exact du texte ou des images dont j'ai besoin dans des formes spécifiques. Merci pour toute aide à l'avance.
demandé sur 2012-04-08 16:45:45
11
réponses

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

est-il possible de faire un texte transparent découpé sur un fond effet comme celui de l'image suivante, avec CSS? ... pas à comprendre quoi que ce soit... l'image est le fond du site, un absolu positionné <img> tag
demandé sur 2012-12-18 16:24:09
4
réponses

Animation de chargement en cercle

j'essaie de créer L'animation de chargement du cercle OS X D'Apple. Ce que j'ai essayé jusqu'à ... ait? ou y a-t-il d'autres solutions que je peux utiliser comme de la toile ou une sorte de magie d'image?
demandé sur 2015-07-06 16:36:16
2
réponses

Forme avec un côté incliné (responsive)

j'essaie de créer une forme comme dans l'image ci-dessous avec un bord incliné sur un seul côté (par exemple, le côt ... puis-je créer cette forme avec un côté incliné et aussi être en mesure de soutenir tailles dynamiques ?
demandé sur 2015-05-25 17:58:49
7
réponses

Comment puis-je créer des sphères tridimensionnelles CSS pures?

tl;dr: je voudrais créer une véritable sphère 3d avec CSS - pas seulement une illusion Note: cert ... d (2d illusion) de la Terre avec une Rotation de l'Animation avec les CSS Interactive CSS sphere
demandé sur 2017-07-21 15:52:00
5
réponses

Animation de remplissage d'eau

j'essaie d'obtenir une animation d'effacement pour faire ressembler un cercle à il se remplit d'eau . J'ai rencontré ... lui donnant une position de masque par défaut comme @anpsmn suggéré, ne réinitialise plus à noir.
demandé sur 2015-04-20 06:17:32
4
réponses

Centrage vertical et horizontal du texte en cercle dans CSS (comme le badge de notification iphone))

je cherche un moyen de faire un cross-browser badge iphone-like dans CSS3. Je voudrais évidemment utiliser une div pou ... avaScript Pas de déformation de la propriété d'affichage de table-cell, qui est discutable statut de support
demandé sur 2011-01-26 06:26:33
3
réponses

Flèche transparente / triangle en retrait

je voudrais faire un Flèche transparente au-dessus d'une image . Ce triangle doit être indenté dans un bloc semi-tran ... <div class="barShow"></div> le Flèche transparente CSS doit être transparent sans couleur.
demandé sur 2014-05-20 15:44:59
5
réponses

Cercle creux ou découpé Transparent

est-il possible de découpez un cercle creux en utilisant uniquement CSS
demandé sur 2011-11-27 19:16:36
2
réponses

Demi-cercle avec CSS (bordure, contour seulement) )

j'essaie de créer un cercle avec CSS, qui ressemble exactement à l'image suivante: ...avec un seul div: <div class ... t d'en effacer la moitié avec un autre div, et il fonctionne, mais je suis à la recherche pour une alternative élégante.
demandé sur 2014-03-15 01:00:38
4
réponses

Triangle central en bas de Div

j'essaie d'avoir un triangle/flèche au fond de mon héros mais il n'est pas réactif et ne fonctionne pas très bien sur mob ... border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: solid 50px transparent; }
demandé sur 2013-11-01 04:39:29
6
réponses

Comment puis-je créer une flèche ronde avec seulement HTML et CSS?

j'essaie de créer une flèche directionnelle ronde avec CSS et HTML. Ci-dessous sont mes tentatives. tentative 1 Dans c ... t;/span><span class="arrow-right"></span> </div> mise à Jour Je veux quelque chose comme ceci
demandé sur 2015-05-05 12:26:52
9
réponses

Comment dessiner un crochet / cocher en utilisant CSS?

Comment draw le symbole tick utilisant CSS? Les symboles que je trouve en utilisant Unicode n'est pas esthétique. EDIT Les polices d'icône sont une excellente suggestion. Je cherchais quelque chose comme .
demandé sur 2014-02-23 16:59:38
4
réponses

Comment segmenter un cercle avec différentes couleurs en utilisant CSS

je veux pouvoir dessiner un cercle avec un segment d'elle une autre couleur, je voudrais que la quantité d'un segment cou ... lass="outerClass"> <div class="innerClass"></div> </div> 0%,50% et 100% je peux tout faire.
demandé sur 2015-05-23 16:04:56
3
réponses

Comment obtenir un effet papier déchiré avec aléatoire des dents de scie?

j'essaie de faire un effet de papier déchiré comme l'image ci-dessous: et a pu faire un effet de papier déchiré comme ... red, 165px -165px 0 0 darkred, 180px -180px 0 0 darkred, 195px -195px 0 0 darkred; } <div class="box"></div>
demandé sur 2015-11-10 11:47:02
5
réponses

Est-il possible de créer cette forme (deux cercles partiels réunis) avec CSS?

je tente d'accomplir cette frontière pour deux divs avec le CSS: j'ai essayé tout à l'aide de border-radius, mais les d ... ></div> est-ce que quelqu'un sait comment je pourrais accomplir ceci sans avoir le chevauchement des divs?
demandé sur 2015-11-24 11:19:16
7
réponses

DIV carré où la hauteur est égale à viewport

je dois créer un DIV où width=height et height=100% du viewport (qui, évidemment, est variable). en d'autres termes, u ... le que cela devrait être simple à faire in CSS, mais je suis coincé avec elle! Tous les pointeurs serait très apprécié.
demandé sur 2011-07-14 17:32:28
5
réponses

Forme de la Capsule avec un rayon de bordure sans largeur ni hauteur prédéfinies?

est-il possible de réaliser une forme de capsule à l'aide d'un rayon de bordure sans largeur ni hauteur prédéfinies? je ... le resterait droite le long de sa longueur horizontale. Le réglage du rayon à 50% ne semble pas donner l'effet désiré.
demandé sur 2013-09-14 00:45:18
6
réponses

Forme CSS 3: "Cercle inversé" ou "cercle découpé""

je veux créer une forme, que je décrirais comme "cercle inversé": l'image est en quelque sorte ... e démo de ce que j'ai en ce moment: http://jsfiddle.net/n9fTF / est-ce possible avec CSS sans images?
demandé sur 2012-05-08 19:17:05
8
réponses

CSS3 Transform Skew

quelqu'un sait-il comment faire pour obtenir l'inclinaison comme ceci: utilisation de la nouvelle propriété transform de CSS? comme vous pouvez le voir, j'essaie d'emboîter les deux coins, quelqu'un sait si c'est possible?
demandé sur 2011-03-14 04:06:42
5
réponses

Bord pixelisé autour d'un cercle CSS avec débordement: caché;

voici le JSFIDDLE de mon cat / animation sans aucun drop-shadows pour montrer le problème aussi claireme ... , Chrome, Safari, et IE. (Un peu ruff dans IE bu beaucoup mieux avant) Toute aide est grandement appréciée!
demandé sur 2013-11-09 23:48:08
4
réponses

Forme ondulée avec css

j'essaie de recréer cette image avec CSS: Je n'en aurais pas besoin pour répéter. C'est ce que j'ai commencé, mais il ... ve { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div>
demandé sur 2013-06-20 02:38:16
11
réponses

Dessiner un X dans CSS

j'ai une div qui ressemble à un carré orange je voudrais dessiner un X blanc dans cette div de sorte qu'elle ressemble ... ressemble juste à div { height: 100px; width: 100px; background-color: #FA6900; border-radius: 5px; }
demandé sur 2013-09-20 19:31:49