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

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

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

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

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

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

Comment ajouter plusieurs superpositions transparentes à une image à l'aide de CSS

Comment puis-je appuyer sur le triangle et inclure le contenu au-dessus du cercle blanc ? J'essaie de trouver une solution pour créer une section héros avec une image d'arrière-plan contenant trois formes superposées dans le cadre de l'image. Au-dessus de la superposition se trouveront h1, p et btn....

P粉777458787 2024-02-25 17:09:14 0  1  461

Comment centrer trois fichiers SVG sur la page ?

J'ai trois fichiers SVG distincts qui, superposés les uns sur les autres, créent un graphique. Le premier fichier SVG est un triangle rouge, le deuxième est un cercle bleu situé à l'intérieur du triangle et le troisième est un rectangle violet situé à la base du triangle (avec un peu d'espace entre ...

P粉998100648 2023-09-07 14:20:58 0  2  631

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

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

Ctrl+shift+J n'a pas coupé le ciel. Pourquoi ?

Après avoir utilisé l'outil Lasso polygonal pour faire un cercle, appuyez sur CTRL+J. Le résultat est juste une copie du calque sélectionné, sans couper l'image originale. Veuillez m'aider à expliquer ce qui se passe.

P粉693705174 2022-09-08 23:07:16 0  0  852

Changer le texte en survol à l'aide d'un curseur spécial

Veuillez me guider sur la façon de modifier le texte en survol, comme sur le site Web monopo. Je n'ai pas besoin d'un arrière-plan. Un simple effet circulaire (comme un arrière-plan coloré) et des modifications de texte suffisent. De plus, si possible, j'aimerais que l'effet soit actif uniquement da...

P粉665427988 2023-09-05 23:47:42 0  1  564

javascript - Comment personnaliser le style du composant déroulant Flatlist?

1. Tout d'abord, permettez-moi de parler de l'effet que je souhaite obtenir. Déroulez une image comme JD.com sur les téléphones mobiles et passez à une nouvelle page après l'avoir lâchée. 2. Mais Flatlist a un événement déroulant par défaut {code...} Je ne vois pas comment modifier ce contrôle d'en-...

PHP中文网 2017-06-08 11:02:39 0  1  1336

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

Le div parent ne peut pas être centré car la marge gauche du div enfant est négative.

J'ai créé le div suivant, mais comme j'utilise une marge gauche négative pour décaler l'icône, je ne peux pas centrer l'intégralité du div. Nous pouvons nous en sortir sur le bureau car vous ne pouvez pas facilement dire que l'ensemble du div est déplacé un peu vers la gauche, mais sur mobile, le cô...

P粉677573079 2024-01-29 15:04:54 0  1  514

Créez une bordure circulaire autour d'une image à l'aide de la propriété CSS Clip-path:circle()

Je veux savoir comment ajouter une bordure dans l'image clip-path:circle(); Existe-t-il un autre moyen d'ajouter une bordure ? Comme : border : 5px solid red ; j'ai essayé ceci : .roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage" class=&quo...

P粉875565683 2024-03-31 17:35:30 0  1  551

Animation CSS qui regarde de plus près et plus loin de gauche à droite, simulant le mouvement d'une façade vitrée sur un plateau tournant

J'essaie de créer une animation CSS qui se déplace horizontalement de gauche à droite tout en apparaissant de plus en plus loin, simulant le mouvement du verre sur un plateau tournant vu de face. Je m'approche mais ça ne semble toujours pas correct, actuellement on dirait qu'il se déplace le long d'...

P粉208469050 2023-09-04 21:59:55 0  1  567

Comment créer une bordure circulaire en CSS où x% est rouge et le reste est blanc, où x est une variable d'état dans un fichier JavaScript ?

Je crée une application de minuterie qui a initialement un contour blanc autour du temps restant dans la minuterie. Je veux que l'anneau entourant le temps restant dans la minuterie devienne progressivement rouge, puis devienne complètement rouge lorsque la minuterie est épuisée. {remainingTime.hour...

P粉482108310 2023-07-24 18:47:03 0  1  508

Recadrez et déplacez les images. disposition de la grille

J'ai du mal à placer l'image dans la bonne position et à la recadrer en haut et en bas. Voici à quoi cela devrait ressembler (partie héros) : https://www.behance.net/gallery/161732057/CozyMornings-online-store L'ensemble du projet est construit sur une grille. J'ai besoin d'une image circulaire dépl...

P粉548512637 2023-09-15 19:18:46 0  1  621

S'il vous plaît dites-moi, la largeur et la hauteur du rectangle dans le code sont plus grandes que le cercle, et pourquoi le rectangle est-il positionné au centre ?

　 2017-12-17 14:04:07 0  0  999