Pages web

Fermé
antoleo Messages postés 2 Date d'inscription vendredi 3 avril 2015 Statut Membre Dernière intervention 4 avril 2015 - 4 avril 2015 à 13:41
thomthom1 Messages postés 29 Date d'inscription samedi 4 avril 2015 Statut Membre Dernière intervention 2 janvier 2017 - 6 avril 2015 à 21:58
bonjour je suis debutant en html et css, je voudrai faire une flache sur une image ou text (passé une lumière sur un texte ou image).
A voir également:

3 réponses

Stalzak Messages postés 82 Date d'inscription samedi 23 février 2013 Statut Membre Dernière intervention 4 décembre 2015 113
Modifié par Stalzak le 4/04/2015 à 13:55
Salut !
Malheureusement, ce sera un poil plus compliqué que prévu. Il n'existe pas à ma connaissance de propriété CSS qui te permette directement de faire ça... Cependant, tu peux toujours importer une deuxième image plus lumineuse que la première et la faire apparaître lors d'un :hover, mais il s'agit d'une méthode assez lourde si tu n'utilise pas de sprite CSS. J'te laisse regarder par là bas si le sujet t'intéresse > http://openclassrooms.com/courses/bien-utiliser-les-sprites-css
0
thomthom1 Messages postés 29 Date d'inscription samedi 4 avril 2015 Statut Membre Dernière intervention 2 janvier 2017
5 avril 2015 à 04:16
de quelle couleur est le fond (la couleur du fond de ta page)??
0
de couleur bleu
0
thomthom1 Messages postés 29 Date d'inscription samedi 4 avril 2015 Statut Membre Dernière intervention 2 janvier 2017
6 avril 2015 à 21:19
Et tu voudrait que le flash soit de quel couleur??
0
thomthom1 Messages postés 29 Date d'inscription samedi 4 avril 2015 Statut Membre Dernière intervention 2 janvier 2017
6 avril 2015 à 21:58
Voila! J'espère que j'ai compris ce que tu voulait!!!


<!DOCTYPE html>
<html>
     <head>
         <title>Image Flash</title>
         <meta name="description" content="CCM Flash img">
         <meta charset="utf-8">

         <style id="jsbin-css">
             img{
               width: 500px;
               height: 250px;
             }

             p{
               width: 500px;
               height: 250px;
               background: #fff;
               margin-left: auto;
               margin-right: auto;
             }

             img:hover{
               opacity: 0.8;
             }

             body{
               background: #555;
            }

         </style>
     </head>
     <body>

         <p><img src="http://media.caranddriver.com/images/14q1/562747/2014-mclaren-p1-test-review-car-and-driver-photo-580034-s-original.jpg"></p>

     </body>
</html>
0