Comment utiliser Divi pour créer un effet de curseur unique sur les médias sociaux

Le module d’attention aux médias sociaux de Divi vous permet de modéliser facilement et d’ajouter ces liens importants aux réseaux sociaux n’importe où sur votre site. Si vous voulez vous salir les mains avec le puissant effet de vol stationnaire intégré de Divi, vous pouvez également concevoir des effets de vol stationnaire créatifs pour vos boutons d’attention des médias sociaux. Dans ce tutoriel, je vais vous montrer quelques effets qui peuvent vous surprendre lorsque vous passez le curseur sur un média social unique. Regarde ça! Voici un aperçu de l’effet de curseur que nous allons créer. Partie 1: déplacer l’ombre de la boîte pour mettre en évidence le bouton suivant sur les médias sociaux de la bordure au point Points sur les bords Rebondir l’ombre 1 Rebondir l’ombre 2 Démarrer la création d’effets lorsque vous passez le curseur sur la partie 1 partie 2: changer la couleur, la taille et la forme lorsque vous passez le curseur sur la souris changer la taille et la couleur Changer la taille, la couleur et la forme Dans la partie 2, partie 3: effets de filtrage, commencez à créer des effets lorsque vous passez le curseur Démarrer la construction partie 3 effets de vol stationnaire partie 4: Grandes icônes avec effets de mélange et filtres d’écran Commencez à construire l’effet de vol stationnaire partie 4 commencez à vous abonner à notre chaîne YouTube pour faire quelque chose pour ce tutoriel, et tout ce dont vous avez vraiment besoin est d’installer et d’activer le thème Divi. Ensuite, créez une nouvelle page et fournissez un titre pour la page. Cliquez ensuite sur Utiliser Divi Builder et sélectionnez utiliser les options de mise en page par défaut. Dans le menu contextuel télécharger de la bibliothèque, sélectionnez le paquet de mise en page du développeur d’application. Ensuite, cliquez sur le bouton ci – dessous pour commencer à concevoir nos médias sociaux et nous utiliserons la mise en page de la page d’accueil du développeur d’application. Publier la page et cliquer sur le bouton pour la construire à l’avant. Supprimez maintenant toutes les parties de la page, à l’exception de la partie du bas de la page qui contient les boutons médias sociaux suivants. Sur les réseaux sociaux, faites un clic droit sur la catégorie d’ombre de la boîte Facebook et cliquez sur Enregistrer le style d’ombre de la boîte. Enregistrez les paramètres, puis faites un clic droit sur chaque réseau social et sélectionnez coller un style d’objet. Maintenant, tout ce que vous avez à faire est de mettre à jour la couleur d’ombre de la boîte avec la bonne couleur de réseau social qui correspond à la couleur de fond que vous passez en stationnaire. Pour effectuer cette mise à jour, faites ce qui suit: Twitter Shadow Color Box: # 00aced Instagram Box Shadow color: # ea2c59 dribble Box Shadow color: # ea4c8d YouTube Shadow Color Box: # a82400 This is the final result. Changer de forme pour changer la forme d’un bouton lorsque vous déplacez la souris, il suffit d’ajuster l’option filet. Le module de suivi des médias sociaux est actuellement arrondi et est réglé à 40 pixels pour que les boutons soient arrondis. Si nous voulons le changer en carré, tout ce que vous avez à faire est d’ajuster le filet à 0 Px lorsque vous passez le curseur. Pour ce faire, ouvrez les paramètres du réseau Facebook et mettez à jour ce qui suit: filet (vol stationnaire): 4px sur les quatre coins, puis copiez et collez le style de bordure sur chaque réseau restant. C’est le dernier dessin. # 3 effets de filtrage pour le prochain effet en vol stationnaire, je vais vous montrer comment utiliser plusieurs effets de filtrage pour changer la couleur des boutons des médias sociaux en vol stationnaire. Pour commencer, assurez – vous d’utiliser la section « suivez les médias sociaux » de la nouvelle version de la page d’accueil du développeur d’application. Si vous l’avez sauvegardé dans la Bibliothèque Divi, c’est le bon moment pour l’ajouter à la page. Les effets de saturation et d’inversion des filtres lorsque la souris glisse l’utilisation des effets de saturation et d’inversion des filtres est une méthode simple et puissante