Bulle de discussion dégradée défilante

Je veux un conteneur blanc de bulles de discussion avec un dégradé qui change lors du défilement avec le dégradé ci-dessous, comme le montre cet exemple : j'ai essayé de rendre la partie du .container derrière n'importe quel chatBubble transparente afin que l'arrière-plan de la racine soit visible. ...

P粉197639753 2023-09-01 11:52:18 0  2  659

Est-il possible d'obtenir une transition en douceur d'un texte dessiné dans une seule couleur à un dégradé animé ?

Il y a du texte blanc sur la page et un bouton en dessous. De plus, des dégradés animés sont appliqués pour remplir le texte. Lorsque vous cliquez sur le bouton, la propriété -webkit-text-fill-color deviendra transparente, provoquant un changement soudain de la couleur du texte pour correspondre au ...

P粉762447363 2023-09-16 09:22:05 0  1  814

Le dégradé linéaire ne fonctionne pas avec les variables dans les thèmes clairs/sombres

Je travaille sur mon site Web personnel - https://cooperativedoilylivedistro.elliott23.repl.co - qui propose des thèmes clairs et sombres selon les préférences. Le problème est que lorsque je règle le dégradé linéaire sur une variable, cela ne fonctionne pas et tout l'arrière-plan devient blanc. Il ...

P粉190443691 2024-03-29 13:28:10 0  1  353

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

Dégradé radial CSS en dégradé radial SVG

Est-il possible de faire un dégradé radial en SVG comme en CSS http://codepen.io/A973C/pen/hnEaf (je veux dire la lumière dans le feu tricolore).red{background:red;background-image :radial-gradient (marron, transparent); taille de l'arrière-plan: 15px15px; largeur: 100px; hauteur: 100px; bordure-r

P粉308783585 2023-12-11 15:54:09 0  2  615

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

css - Pourquoi le gradient linéaire n'est-il pas valide?

background-color: Linear-gradient(to bottom, #fc8291, #fa213b); Cette ligne de code n'est pas valide sur Chrome et Firefox, et aucune couleur d'arrière-plan n'est affichée. Cependant, background-color: red peut afficher du rouge normalement. Pourquoi?

为情所困 2017-05-16 13:38:09 0  1  1651

Le dégradé d'arrière-plan CSS ne couvre pas la totalité de la page (y compris le contenu défilant)

Je rencontre des problèmes avec un dégradé d'arrière-plan CSS dans un document HTML. J'ai conçu une page qui utilise un dégradé linéaire comme arrière-plan et le place sur l'élément body. Le problème auquel je suis confronté est que le dégradé semble se terminer là où l'écran se termine initialement...

P粉506963842 2023-09-12 13:20:09 0  2  695

Comment créer une animation dégradée en utilisant CSS

Je souhaite déplacer mon dégradé avec plusieurs couleurs en douceur, mais le problème est que l'animation n'est pas fluide. Il change simplement de position à chaque étape. <style>.animated{largeur:300px;hauteur:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-we...

P粉909476457 2023-09-18 09:47:10 0  2  758

Comment obtenir une transition de couleur fluide d'une animation à dégradé effilé ?

J'anime un dégradé effilé mais le changement de couleur n'est pas assez fluide. J'ai consulté divers articles mais je n'arrive pas à les reproduire correctement. Vous pouvez trouver mon code ici : <style>body{min-height:100vh;display : flex ;align-items:center;justify-content:center;}.pyramid{...

P粉285587590 2023-09-01 16:37:22 0  1  515

android - L'activité Android affiche les commandes qui ne sont pas au premier plan

J'ai créé une barre de titre dégradée et j'ai constaté qu'en passant de la page de démarrage à la page d'accueil, la liste située sous la barre de bannière sera affichée directement et la barre de bannière sera pressée vers le haut et glissée manuellement vers le haut pour apparaître. Existe-t-il un...

过去多啦不再A梦 2017-06-29 10:09:38 0  1  913

Titre réécrit : Comment créer un curseur de remplissage automatique avec un arrière-plan dégradé en HTML

Je joue juste avec HTML et je veux créer un curseur qui se remplit d'un dégradé, mais je trouve que cela est presque impossible. Je fais des recherches depuis quelques heures mais je n'arrive pas à trouver la réponse. Je pense que j'ai besoin de JS mais je suis complètement vide là-bas. .slidecontai...

P粉715228019 2024-02-03 20:57:38 0  2  502

Est-il possible d'ajouter des dégradés aux chemins SVG ?

Je souhaite mettre en place sur mon site Web un simple indicateur de chargement déclenché par un script. Il doit s'agir d'un simple arc avec un dégradé et pivoter pendant que l'utilisateur attend. Je n'ai pas encore essayé la partie animation, mais je suis maintenant coincé avec des styles statiques...

P粉402806175 2023-10-18 14:55:02 0  2  649

Comment ajouter deux arrière-plans dégradés linéaires sur le même élément - Tutoriel Tailwind

Est-il possible d'ajouter deux arrière-plans linéaires à un élément dans Tailwind ? Voici le code CSS valide : background-image:linear-gradient(toright,#f8fafb50%,#16161650%),linear-gradient(toright,#16161650%,#f8fafb50%); J'ai essayé de l'ajouter deux fois comme ceci : className =" bg-gradient...

P粉561438407 2024-03-27 08:57:02 0  1  442

Comment faire 3 trous transparents en utilisant Radial-gradient à l'intérieur de -webkit-mask mais conserver l'image

Je travaille sur un projet et j'ai besoin de créer un div qui doit avoir 3 trous aléatoires dans sa bordure pour le rendre transparent. Le problème auquel je suis confronté est que pour les 2 trous j'utilise -webkit-mask avec un dégradé radial pour créer 2 trous transparents de 20px. Ma question est...

P粉810050669 2023-09-02 21:32:42 0  2  658

CSS Marquee avec transition fondu d'entrée/fondu de sortie

J'essaie de créer un chapiteau CSS avec du texte qui apparaît en fondu à partir du bord droit et disparaît à partir du bord gauche. Seuls les bords des lettres doivent devenir transparents. J'appelle cela le "Masque d'opacité" et je l'applique sur les bords gauche/droit. Je peux trouver de...

P粉659516906 2024-03-27 21:24:13 0  2  550

Méthodes de résolution du problème 2003 (HY000) : Impossible de se connecter au serveur MySQL 'db_mysql:3306' (111)

J'ai récemment essayé de conteneuriser mon serveur FastAPIPython (également à des fins de réplication/doublement). Avant, je n'avais qu'un serveur MySQL dans un conteneur Docker et tout allait bien, mais lorsque j'ai également fait de mon serveur Web un service, il ne pouvait pas se connecter au ser...

P粉178132828 2023-09-05 11:18:47 0  1  821

Expérimentez le tri après la limite de requête

C'est donc ma première question ici, pardonnez-moi si quelque chose ne va pas. J'essaie de faire une requête de tri basée sur des contraintes. Il existe donc une table Clients avec 90 enregistrements. Je souhaite d'abord effectuer une requête limitée à 3 enregistrements, puis trier les résultats de ...

P粉237125700 2023-09-05 14:46:42 0  1  724

Grille CSS : créer une nouvelle ligne lorsque le contenu enfant dépasse la largeur de la colonne

J'ai une disposition à deux colonnes basée sur une grille CSS. Lorsque le contenu de la deuxième colonne dépasse 1fr je souhaite créer une nouvelle ligne. Dans l’état actuel des choses, le contenu déborde simplement de la colonne. Une exigence de cette disposition est que les éléments de la colonne ...

P粉212114661 2023-09-05 15:18:28 0  1  611

Fonctionnalité de recherche en texte intégral PHP utilisant les opérateurs AND, OR et NOT

Question de débutant : j'essaie d'implémenter une recherche en texte intégral sur une chaîne de recherche en utilisant php et eloquent. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  577