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  550

Lecture vidéo iOS - La couche iOS avPlayer définit les coins arrondis

J'utilise avplayer pour lire des vidéos et je souhaite définir des coins arrondis pour le calque vidéo. J'ai défini le maskToBounds et le cornerRadius de avplayerlayer. Le calque est ajouté à imageView via la méthode addSubLayer. De plus, imageView affiche les images de l'album, il peut compléter...

天蓬老师 2017-06-07 09:24:56 0  1  1262

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  792

Comment superposer une image avec du texte avec un arrière-plan arrondi

J'ai besoin de reproduire en HTML ce que vous voyez dans cette image : Le problème est que le texte couvre le div et l'image d'arrière-plan. S'il n'y avait pas d'image dans le div externe ni de couleur unie, j'imagine que je pourrais le faire assez facilement avec quelques petits éléments HTML aux c...

P粉328911308 2023-08-30 15:20:14 0  1  477

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  476

Comment créer une boîte avec des coins inclinés et arrondis sur un côté via CSS ?

J'ai actuellement besoin de faire quelque chose comme ça. Ma première pensée a été d'utiliser le chemin de détourage, mais les coins arrondis sont difficiles à réaliser et il est difficile de maintenir 22,5 degrés lorsque le bouton change de largeur en raison de son contenu. J'ai donc fini par créer...

P粉068174996 2023-08-25 19:46:29 0  1  530

Comment ajouter des coins arrondis à une image à l'aide de l'éditeur Elementor

Cela me rend fou. J'ai une image dans une zone de texte sur une simple page Elementor. Il se trouve bien à l'intérieur du "Widget de l'éditeur de texte" et je souhaite y ajouter des coins arrondis. J'ai créé une classe CSS dans "Paramètres du site/CSS personnalisé", puis j'ai att...

P粉821231319 2023-08-15 19:14:43 0  1  569

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  1361

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  591

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  749

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  1103

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  602

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  690

Les dégradés de bordure sont-ils compatibles avec le rayon de bordure ?

Je stylise une zone de saisie avec une bordure arrondie (border-radius) et j'essaie d'ajouter un effet de dégradé à la bordure. Je peux réussir à créer des bordures dégradées et arrondies, mais pas les deux en même temps. Soit il y a des coins arrondis mais pas de dégradé, soit il y a un dégradé mai...

P粉824889650 2023-08-21 20:39:38 0  2  486

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  541

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  427

Android - coins arrondis d'arrière-plan, couverts

(www.sf.gg) est la principale communauté technologique de développeurs en Chine. Nous espérons fournir une plate-forme d'échange technique pure et de haute qualité pour les passionnés de programmation, apprendre, communiquer et grandir avec les développeurs, et créer une ère pour les développeurs !

曾经蜡笔没有小新 2017-05-16 13:35:05 0  2  580

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  472

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  1031

Réexamen de l'exactitude de la séquence de cercles

Je m'attendais à ce que les cercles soient 1,2,3 et 4, mais le résultat est 4,1,2 et 3. Je ne sais pas si c'est position:absolute; qui provoque cela. Tout commentaire est le bienvenu. <template><q-pageclass="columnflex-center"><q-cardclass="ma-carte"><q-card-...

P粉921165181 2024-02-04 09:20:06 0  1  374