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

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

Déplacer les étiquettes de données en dehors du graphique à secteurs ou en anneau - Chart.js

Je travaille sur une application volumineuse et il serait très utile de placer des étiquettes sur un graphique à secteurs ou en anneau en dehors du graphique lui-même. Ce plugin, externalLabels, est exactement ce que je recherche, mais je n'arrive pas à le faire sortir quoi que ce soit. Je n'ai pas ...

P粉356128676 2023-11-23 15:07:41 0  1  1001

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

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

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

L'icône devant le fichier php dans PhpStorm se transforme en fichier

L'icône devant le fichier php dans PhpStorm a été remplacée par fichier. Lors de la création du fichier, j'ai accidentellement entré le suffixe php, puis je ne savais pas où j'avais cliqué. Après cela, l'icône devant le fichier a changé. un cercle plus un C pour quelque chose comme ça. Pourquoi ?

曾经 2022-03-01 17:51:56 0  3  1704

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

Découper des sections circulaires à partir d'images : guide étape par étape

J'essaie de découper une image à l'aide de chemins SVG, mais mon image ne semble pas correspondre. Voici ce que je veux réaliser : Voici ce que j'obtiens : Voici le code que j'ai essayé : .topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url( #topbar -img-svg);}<imgsrc="http...

P粉536909186 2023-12-28 10:48:37 0  1  503

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

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

Comment puis-je agrandir l'icône d'arrière-plan ?

Par exemple, dans l'image d'arrière-plan de ce chapitre, il y a de nombreuses icônes dans l'image. Je veux seulement la première icône. Comment puis-je agrandir une icône ? Par exemple, la largeur et la hauteur de cette icône ne sont que de 30 px * 30 px. En CSS, j'écris ceci : background: url (../i...

何惜一博 2018-09-21 16:12:16 0  2  1284

css - problème d'icône de calque

Le code de l'icône est écrit comme ceci sur la page, mais il ne peut pas être affiché. Layxer doit-il introduire une police ou un CSS pour utiliser l'icône ? Si oui, où puis-je le télécharger ? . .

给我你的怀抱 2017-07-05 10:45:57 0  2  1175

Comment changer la taille de l'icône de l'image frontale Li

Comment changer la taille de l'icône de l'image frontale Li

雷国恩 2019-03-08 22:39:49 0  0  1036

L'icône Web initiale

Comment créer une icône de page Web dans le lecteur D de l'ordinateur ? Comment puis-je créer une icône de page Web ? C'est juste un document. Comment puis-je créer une icône de navigateur ?

真情流露的霎那间丶 2019-03-07 15:25:00 0  2  1182

Vous recherchez un plug-in de marqueur de carte javascript

1. Existe-t-il un tel plug-in JavaScript qui peut obtenir l'effet suivant ? Les trois objets de gauche peuvent être glissés vers la carte de droite. Après avoir glissé sur la carte et relâché la souris, une marque sera laissée. sur la carte (utilisé pour marquer l'emplacement de la carte), et une bo...

怪我咯 2017-05-18 10:49:58 0  1  590

javascript - rotation de l'icône de la police iconfont

{Code...} {Code...} L'icône ne pivote pas sur la page. Vous utilisez le navigateur Chrome. Pouvez-vous me dire pourquoi ? Cela signifie-t-il que les icônes vectorielles d'Alibaba ne prennent pas en charge la rotation {code...} Merci, il n'y a toujours aucun changement dans la page.

学习ing 2017-06-26 10:52:06 0  4  1402

javascript - Problème JS et CSS, après avoir déplacé la souris sur une icône de la carte, comment centrer le contenu affiché par rapport à l'icône.

Comme le montre l'image ci-dessous, le côté droit est l'effet dont j'ai besoin, c'est-à-dire que lorsque la souris est déplacée sur l'icône de localisation rouge sur la carte, les photos et le contenu affichés sont centrés par rapport à l'icône de localisation ci-dessous. Le côté gauche est l'effet ...

给我你的怀抱 2017-06-12 09:32:10 0  1  846

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

Font Awesome 5 sur le pseudo-élément affiche un carré au lieu d'une icône

J'essaie de modifier le contenu d'un span avec une icône FontAwesome directement à partir de la page CSS, mais je n'arrive pas à le faire fonctionner. 1) J'ai importé FA<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5S...

P粉773659687 2024-01-09 22:35:19 0  2  449