Effet sur image en CSS3
Résolu/Fermé
chabinot
Messages postés
322
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
27 août 2024
-
14 août 2018 à 11:07
chabinot Messages postés 322 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2024 - 16 août 2018 à 09:40
chabinot Messages postés 322 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2024 - 16 août 2018 à 09:40
Bonjour,
J'affiche une image sur ma page d'accueil, comment puis-je lui donner un effet comme si elle se met en avant du fond ?
Je cois qu'on peut le faire avec un box-shadow. Mais je ne suis pas très à l'aise avec.
Merci de votre aide.
Cordialement,
J'affiche une image sur ma page d'accueil, comment puis-je lui donner un effet comme si elle se met en avant du fond ?
Je cois qu'on peut le faire avec un box-shadow. Mais je ne suis pas très à l'aise avec.
Merci de votre aide.
Cordialement,
A voir également:
- Effet sur image en CSS3
- Effet miroir word - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Inkscape rogner image ✓ - Forum Graphisme
- Image de manchots sur une image de plage ✓ - Forum Graphisme
1 réponse
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
15 août 2018 à 19:36
15 août 2018 à 19:36
Salut
je suppose que tu veux parler d un box-shadow
pour cela tu ajoute ce code au CSS de ton image
a toi ensuite d ajuster a ta convenance les 20px 20px 25px 5px #000; !
tu verra les changements en jouant avec ces valeurs
a+
je suppose que tu veux parler d un box-shadow
pour cela tu ajoute ce code au CSS de ton image
-webkit-box-shadow: 20px 20px 25px 5px #000; -moz-box-shadow: 20px 20px 25px 5px #000; box-shadow: 20px 20px 25px 5px #000;
a toi ensuite d ajuster a ta convenance les 20px 20px 25px 5px #000; !
tu verra les changements en jouant avec ces valeurs
a+
16 août 2018 à 09:40
Ce qui s'est passé est que je ne mettais pas le box-shadow sur la bonne '<div>'.