Créez un effet de survol qui transforme le bouton de menu en forme de X avec une version clone ombré

Tout d'abord, je tiens à admettre que mon titre prête à confusion et j'en suis désolé. Ce que je veux obtenir, c'est l'effet suivant en survol : Mon site Web est ici https://wordpress-493302-3130963.cloudwaysapps.com/ J'ai accompli avec succès la moitié de ce que je veux réaliser en utilisant les tr...

P粉546257913 2024-04-04 11:55:21 0  2  398

javascript - Comment cet effet d'animation de trait est-il obtenu?

Cet effet semblable à un trait apparaîtra lorsque la souris le survolera. Peut-il être obtenu avec du CSS pur ? Comment obtenir le même effet ?

学习ing 2017-06-24 09:44:08 0  3  876

Effet dégradé des propriétés d'affichage CSS

Je suis actuellement en train de concevoir une "super liste déroulante" CSS - essentiellement une liste déroulante CSS pure, mais avec différents types de contenu. Actuellement, il semble que les effets de transition CSS3 ne s'appliquent pas à la propriété « display », c'est-à-dire qu'il n...

P粉608647033 2023-08-21 11:08:32 0  2  548

Effet de survol de la souris sur les composants vue et vuetify

J'ai donc essayé de recréer l'effet de survol comme le montre l'exemple de l'article suivant : https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Mais dans mon cas, je veux utiliser Vue .js pour appliquer un effet de survol à la v-card de la bibliothèque vuetify. Voici ...

P粉032649413 2024-03-27 16:31:16 0  1  382

Comment implémenter l'effet de survol de la barre de navigation

Je travaille sur ma barre de navigation verticale. Le nom de cette icône doit être visible à droite. Le nom est également censé passer du blanc au noir lorsque la souris passe sur l'icône, mais cela ne fonctionne pas. J'ai essayé de changer les balises pour voir si cela aide. J'ai également modifié ...

P粉041758700 2024-01-10 18:06:56 0  1  408

L'effet de survol des éléments de menu couvre toute la hauteur de la page

Je développe la navigation à gauche. Je veux que la barre rouge apparaisse avant l'élément de menu en survol. Cela fonctionne pour l'élément "Accueil" et ses sous-éléments, mais d'autres éléments racine provoquent une barre rouge au survol qui s'étend sur toute la largeur de la page de hau...

P粉029327711 2024-02-04 00:36:46 0  2  315

Transformations sur les propriétés d'affichage CSS

Je suis actuellement en train de concevoir un menu "méga déroulant" CSS - essentiellement un menu déroulant CSS pur classique, mais avec différents types de contenu. Actuellement, les transitions CSS3 ne semblent pas fonctionner avec la propriété "display", c'est-à-dire que vous ...

P粉958986070 2023-08-23 12:27:32 0  2  579

javascript - S'il vous plaît, dites-moi comment utiliser le défilement Better-Scroll + Vue

C'est comme ça. J'utiliserai la méthode de défilement vertical pour le composant de meilleur défilement, mais j'étudie le défilement horizontal depuis longtemps et je n'ai pas pu l'implémenter. J'espère que vous pourrez me donner quelques indications sur l'effet. Je veux obtenir que le menu horizont...

三叔 2017-07-05 10:44:28 0  1  917

Ajouter dynamiquement des effets de survol à plusieurs éléments

Est-il possible d'ajouter un effet de survol à plusieurs éléments par programmation ? Dans notre système, où plusieurs éléments représentent une seule unité (mais doivent être séparés en plusieurs éléments pour d'autres raisons), dans certains cas, ils doivent être recolorés ensemble lors du survol....

P粉203792468 2023-08-15 23:49:58 0  1  483

ReactJS : mettre à jour dynamiquement l'icône du menu déroulant en survol

Tout d'abord, j'ai utilisé le framework React "antd" et tailwindCSS juste pour pratiquer ReactJS. Eh bien, c'est la première fois que j'utilise ce framework. J'ai donc décidé d'essayer d'abord d'utiliser une fenêtre contextuelle déroulante en survol. En fait, on ne sait pas vraiment commen...

P粉877114798 2024-03-29 17:58:41 0  1  430

Titre réécrit comme : menu flexbox et tableau avec titre - est-il possible de tronquer le titre en fonction de la largeur du tableau ?

Je veux réaliser quelque chose comme ça en utilisant flexboxCSS. Le menu a une largeur fixe, mais le tableau peut s'agrandir automatiquement et l'en-tête ne doit pas dépasser la largeur du tableau, même s'il est long. En d’autres termes, le tableau doit pouvoir étirer les conteneurs de colonnes, mai...

P粉642920522 2023-09-06 17:30:06 0  1  416

Comment supprimer le délai de transition dans la transition Vue ?

J'utilise Vue pour animer une zone de texte afin qu'elle se déplace vers le haut et apparaisse en fondu lorsque la souris survole une image. L'animation est correcte, mais il y a un léger délai avant qu'elle ne démarre. Je souhaite que la zone de texte s'affiche en douceur et commence immédiatement ...

P粉757432491 2023-08-17 17:36:49 0  1  475

Vanilla JS setTimeout() : identifier un mauvais comportement

J'ai une animation sur mon menu hamburger écrite en HTML, CSS et JavaScript vanille. Résultats attendus Lorsque vous cliquez sur le bouton du menu hamburger, les événements suivants doivent se produire : Lorsque vous cliquez sur l'icône du menu hamburger : le principal pivote de 180° et rétrécit le ...

P粉797855790 2024-04-02 20:44:40 0  1  402

Comportement inattendu (bug du bouton blanc) lors de l'utilisation de Tailwind et MUI dans le projet NextJS

Je construis actuellement un projet en utilisant NextJS, TailwindCSS et la bibliothèque MUIReactUI. Chaque fois que j'essaie d'ajouter un bouton MUI à mon projet, cela fonctionne bien mais la couleur du bouton reste blanche. La couleur revient à la normale au survol et a toujours l'effet d'entraînem...

P粉996763314 2023-11-04 11:04:23 0  1  728

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

html5 - Problème de stockage vuex dans le projet vue

Effet d'implémentation : cliquez sur le bouton pour changer la largeur du menu de gauche. J'ai maintenant utilisé Vuex pour stocker un champ IsOpen, puis le composant nav et le composant menu ont obtenu la valeur initiale du champ. Lorsque vous cliquez sur le bouton du composant nav, la valeur de Is...

迷茫 2017-06-27 09:19:31 0  2  871

javascript - slideToggle implémente l'effet de menu pliant, mais comment se rendre compte que cliquer sur cette option se développe et que les autres options se réduisent automatiquement ?

Ce que je veux obtenir, c'est un menu pliant, mais le slidetoggle ne peut être réduit qu'en cliquant dessus. Ce que je veux, c'est cliquer sur d'autres options et le menu développé se réduira automatiquement. Comment puis-je le modifier ? Le code est le suivant : $("> li", this).eac...

某草草 2017-07-05 11:06:06 0  3  937

Styles CSS non appliqués au site

Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appliquées à index.html. Lorsque je survole la carte de service, l'arrière-plan devrait changer, donnant un effet de transition. Cela devrait aller de ceci à cela. Cependant, je pense qu'il peut y avoir un problème...

P粉613735289 2024-04-06 17:12:23 0  1  516

javascript - Comment implémenter la navigation dans le menu coulissant gauche de type QQ dans Vue, comme le montre l'effet de commutation des deux images ci-dessous

(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-06-29 10:09:57 0  1  885

Titre réécrit comme : Comment redimensionner le texte dans toutes les zones de saisie (y compris l'inscription par e-mail, la zone de commentaire et la liste déroulante de la page d'index de recette) en CSS ?

Site Web : https://olivesfordinner.com/ Vous recherchez du code CSS qui agrandira le texte lors de la saisie de votre e-mail pour vous inscrire sur la page d'accueil. C'est trop petit. Lorsque je laisse un commentaire sur un article de recette (par exemple : https://olivesfordinner.com/toasted-muesl...

P粉465675962 2023-09-14 15:17:43 0  2  620