ceci est un essai
Page 1 sur 1
Re: ceci est un essai
- Code:
<style>@keyframes clignotement{0% {opacity:1;}50%{opacity:0;}100%{opacity:1;}} p.clignote{ animation: clignotement 3s;animation-iteration-count:infinite;}</style>
<p class="clignote">mon texte clignote</p>
Re: ceci est un essai
- Code:
<style>@keyframes Defilement{from {margin-left:500px;} to {margin-left:-3000px;}} p.defilement2{animation: linear Defilement 15s infinite; oveflow:hidden;width:3000px;height:12px;}</style>
<div style="width:500px;overflow:hidden;"><p class="defilement2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id lacinia risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque ultrices sapien id mauris vulputate tristique. Sed sodales placerat nisi sit amet condimentum. Phasellus volutpat nulla nec malesuada lobortis. </p></div>
Re: ceci est un essai
Mon bloc a une opacité de 1 et passe à 0.5 quand je passe la souris
- Code:
<style>
.mon_bloc2{
background:black;
color:white;
width:200px;
height:100px;
opacity:1;
}
.mon_bloc2:hover{
opacity:0.5;
}</style>
<div class="mon_bloc2">Mon bloc a une opacité de 1 et passe à 0.5 quand je passe la souris</div>
Re: ceci est un essai
Mon bloc a une opacité de 1 et passe à 0.5 quand je passe la souris
Dernière édition par Admin le Ven 7 Juin - 13:17, édité 1 fois
Re: ceci est un essai
- Code:
<style>.mon_bloc2{background:black;color:white;width:200px;height:100px;opacity:1;} .mon_bloc2:hover{opacity:0.5;}</style>
<div class="mon_bloc2">Mon bloc a une opacité de 1 et passe à 0.5 quand je passe la souris</div>
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|