CSS - Código CSS efecto hover

Hola a tod@s!

A ver si me podéis ayudar con un par de dudas que no consigo resolver. Estoy trabajando con una plantilla que se llama Divi, esta plantilla te da espacios para poner código CSS y aquí están mis dudas:

- Quiero que los iconos de redes sociales tengan efecto hover, lo que hago es añadir la url de la imagen (del diseño que he hecho yo para los iconos) y quiero saber si en esta misma línea podría añadir el código para el efecto hover:


- Por otro lado quisiera saber qué código debo añadir a los iconos de las redes sociales para que compartan una entrada del blog a través del Facebook del lector.

Muchísimas gracias!!

Hola Esther, si que puedes añadirlo en la misma linea con la propiedad style=""... pero no es aconsejable.

Sobre el código de facebook, en la web de desarrolladores de facebook, encontraras todas las maneras posibles... https://developers.facebook.com/

Yo creo que con algo así, tendrías el efecto que dices:

Un saludo,
David
diseño web madrid

Muchas gracias por responderme tan rápido. He probado algunas cosas con los datos que me habéis dado pero no consigo lo que necesito. Adjunto una imagen para explicarme mejor, donde podéis ver un icono (de prueba) de Facebook enmarcado en rojo. Utilizo wordpress y el código que necesito es el que me deja añadir en el Widget de texto, con la url de la imagen y su efecto hover. Lo veo en casi todos los blogs de wordpress pero no sé cómo lo harán.

Gracias de nuevo!!