Le titre réécrit est : CSS 3 formes : "Reverse Circle" ou "Cut Circle"

Je souhaite créer une forme que je décrirais comme un "cercle inverse" : l'image est quelque peu inexacte car la ligne noire doit continuer le long de la bordure extérieure de l'élément div. Voici la démo que j'ai actuellement : http://jsfiddle.net/n9fTF/ Est-il possible d'utiliser CSS san...

P粉979586159 2023-08-24 18:26:55 0  2  434

Créer un curseur de température SVG circulaire dans Angular ?

Voici une démonstration statique d'un curseur de pouce circulaire que j'essaie de créer dans Angular. Il utilise le paramètre rinkle-dashoffset="-260" pour positionner le pouce/le curseur près de la fin du chemin circulaire derrière le pouce, et vous pouvez voir que le décalage négatif de ...

P粉135799949 2024-04-03 09:33:29 0  1  612

Comment obtenir un contour circulaire sur un <bouton> circulaire en utilisant CSS dans Safari

J'essaie d'obtenir un bouton rond avec le même contour de couleur, mais cela ne semble pas possible. Le contour finit toujours par être carré. Existe-t-il un moyen d'y parvenir avec un, ou peut-être que cela ne peut être réalisé qu'avec un ? bouton {largeur : 40 px ; hauteur : 40px ; bordure : aucun...

P粉066725148 2023-10-26 09:54:54 0  2  1033

Div avec découpe en demi-cercle transparent

Je souhaite créer une forme de demi-cercle découpée et transparente en utilisant uniquement CSS3. La seule exigence est que tous les éléments formant la forme soient noirs ou transparents. Je ne peux pas utiliser un rectangle noir avec un cercle blanc car le demi-cercle doit être transparent et lais...

P粉022285768 2023-10-22 17:51:09 0  2  756

application de respiration animée circulaire d3 js voyageant sur un chemin circulaire

Application de respiration animée d3js Je veux pouvoir créer une animation d'un cercle qui tourne autour d'un chemin à un intervalle spécifique et pouvoir contrôler cet intervalle pour accélérer/ralentir. Mon code ressemble actuellement à ceci. Comment définir un cercle pour qu'il se déplace le long...

P粉191610580 2023-09-14 15:46:55 0  1  592

Comment ajouter une bordure circulaire sur une vidéo mp4 sur squarespace

J'essaie d'ajouter un rayon de bordure dans une vidéo en espace carré mais cela ne fonctionne pas. Est-ce que quelqu'un sait comment faire ça? J'essaie de mettre une bordure circulaire sur une vidéo et j'ai essayé le code suivant : #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:...

P粉781235689 2023-08-31 16:24:14 0  1  568

Safari ne prend pas en charge CSS pour les avatars circulaires

Mon blog utilise un modèle gatsbyReact, mais lorsque je l'ouvre sur Safari (iPhone ou Mac), l'image de l'avatar n'est pas ronde. Blog de code simple C'est le style que j'utilise pour mon bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border. - rayon : 100 % ;}

P粉779565855 2024-02-17 18:38:55 0  1  473

javascript - Comment recadrer des images en rectangles arrondis en ligne via HTML5 ou JS original?

Existe-t-il un moyen dans h5 ou js de recadrer les images sur la page Web, puis de les couper en coins arrondis ? Pour l'instant, je n'ai vu que des découpes rectangulaires. Je me demande s'il est possible de réaliser une découpe .png transparente avec des coins arrondis.

ringa_lee 2017-06-08 11:03:09 0  2  810

Titre réécrit : centrez un élément carré ou circulaire HTML fixe horizontalement et verticalement une fois redimensionné.

Comment centrer un élément HTML fixe carré ou circulaire de différentes tailles horizontalement et verticalement ? Je pense que la difficulté vient du fait que la largeur et la hauteur doivent rester égales.

P粉455093123 2024-04-04 12:31:51 0  1  430

javascript - Utilisez hotcss pour remplacer le cercle par rem.

` {Code...} ` J'ai utilisé hotcss px pour le calcul et je l'ai remplacé par rem. L'effet est comme indiqué sur la figure. Le cercle n'a pas l'air rond et le cercle à l'intérieur n'est pas centré.

仅有的幸福 2017-05-16 13:23:19 0  1  483

Une méthode pour restituer dynamiquement des secteurs circulaires sans utiliser de canevas HTML5

Je fabrique une roue de fortune et je dois créer une roue ou un cercle en fonction du nombre de secteurs et la remplir de noms de prix. J'ai complété le code d'un cercle avec un nombre fixe de secteurs. Voici un exemple de cercle contenant 6 secteurs. .wheel_container{position:relative;--wheel-size:...

P粉731861241 2023-09-02 10:43:07 0  1  546

Comment arrondir les coins lors de l'utilisation d'un chemin de détourage CSS

J'aimerais pouvoir arrondir les 3 coins les plus à gauche de la forme que j'ai créée, une idée de comment faire ? div{position:absolute;z-index:1;largeur:423px;hauteur:90px;background-color:#b0102d;color:white;right:0;margin-top:10vw;-webkit-clip-path:polygon( 100%0%,100%50%,100%100%

P粉921130067 2023-08-24 15:40:15 0  1  554

Comment réaliser la relation de position entre les points et les cercles en JavaScript

Comment réaliser la relation de position entre le point JavaScript et le cercle. Comment réaliser la relation de position entre le point JavaScript et le cercle. réaliser la relation de position entre un point JavaScript et un cercle. Comment réaliser la relation de position entre un cercle et un po...

ゞ歡ゞ 2018-12-04 09:00:47 0  0  1370

Comment créer un graphique en beignet (camembert) empilé dans Vue.js à l'aide de Highcharts ?

Je souhaite créer un graphique en anneau à l'aide de Highcharts, mais je ne parviens pas à convertir ce graphique sous forme empilée. Le code de Vue.js est le suivant : <template><div><b-colmd="12"style="margin-top:40px"><highcharts:options="pieChartOpti...

P粉980815259 2024-03-19 19:17:54 0  1  493

Problème d'affichage Pi

Pourriez-vous s'il vous plaît me dire où se trouve l'erreur dans le code ? dw continue d'afficher les deuxième et troisième erreurs. <?phpecho' 3 façons d'écrire pi : <p>';echo'La première : pi()='.pi().'<p>';echo'La seconde : 3.14159265359='.3.14159265359 '. ';echo' troisième type : ...

大帅 2019-02-18 21:47:17 0  1  1105

javascript - Comment obtenir le contenu entre parenthèses en utilisant des expressions régulières en JS?

var str="deleteChild(236737)"; Par exemple, obtenez le numéro 236737 entre parenthèses et n'avez besoin de rien d'autre. Comment écrire du js. Les tableaux js sont trop gênants. Parce que le nombre entre parenthèses va changer.

滿天的星座 2017-05-19 10:40:53 0  6  695

javascript - Le diagramme circulaire echart2.0 ne peut pas être adaptatif ? ? ?

Plusieurs icônes peuvent être adaptatives sur une page Web. D'autres icônes peuvent être adaptatives, mais le diagramme circulaire ne peut pas être adaptatif. Et comment le texte de l'icône peut-il être adaptatif ?

phpcn_u1582 2017-05-17 10:06:26 0  1  484

Puis-je utiliser le rayon de bordure avec des images de bordure avec des dégradés ?

Je conçois un champ de saisie avec une bordure circulaire (rayon de bordure) et j'essaie d'ajouter un dégradé à ladite bordure. Je peux réussir à créer des dégradés et des bordures circulaires, mais aucun des deux ne fonctionne ensemble. Il s'agit soit de coins arrondis sans dégradé, soit d'une bord...

P粉633733146 2023-08-29 12:52:01 0  2  546

Comment mettre du texte dans un graphique en anneau à l'aide de React-chartjs-2.js ?

Comment mettre du texte dans un graphique en anneau à l'aide de React-chartjs-2.js et Typescript lorsque le titre du graphique est en haut et que l'étiquette se trouve sur le côté droit du graphique en anneau. Les solutions que j'ai trouvées jusqu'à présent ne semblent pas fonctionner avec les balis...

P粉378264633 2024-03-30 15:14:29 0  1  489

Carrousel du mini programme WeChat

Comment implémenter un carrousel circulaire dans le mini-programme WeChat

没有尾巴的兔子 2017-11-20 19:16:44 0  1  1876