juin « 2014 « Le Blog de Webinnov

Transformations CSS3 : Animation : translate

administrateur

Le 20 juin 2014 à 22 h 23 min

Animation:translate

Code Css pour le 1ère avion

.avion1{
	position:absolute;
	width:164px;
	height:164px;
	margin-left:-400px;
	margin-top:-110px;
	top:75px;
	bottom:0px;
	left:1550px;
	z-index:4;
	-moz-animation:translate 5s linear infinite;
	-webkit-animation:translate 5s linear infinite;
	background-image: url('/avion_1.png');
	background-repeat: no-repeat;
 }

.avion1{

position:absolute;

width:164px;

height:164px;

margin-left:-400px;

margin-top:-110px;

top:75px;

bottom:0px;

left:1550px;

z-index:4;

-moz-animation:translate 5s linear infinite;

-webkit-animation:translate 5s linear infinite;

background-image: url('/avion_1.png');

background-repeat: no-repeat;

}

Code Css pour le 2ème avion

.avion2{
	position:absolute;
	width:256px;
	height:256px;
	margin-left:-400px;
	margin-top:-100px;
	top:124px;
	bottom:0px;
	left:1100px;
	z-index:5;
	-moz-animation:translate 5s linear infinite;
	-webkit-animation:translate 5s linear infinite;
	background-image: url('/avion_2.png');
 }

.avion2{

position:absolute;

width:256px;

height:256px;

margin-left:-400px;

margin-top:-100px;

top:124px;

bottom:0px;

left:1100px;

z-index:5;

-moz-animation:translate 5s linear infinite;

-webkit-animation:translate 5s linear infinite;

background-image: url('/avion_2.png');

}

Commentaires fermés classé dans : CSS3

Création d’un bouton en remplaçant l’image par du Pur Css

administrateur

Le 18 juin 2014 à 23 h 40 min

Création du bouton

Commentaires fermés classé dans : CSS3

Set de bureau en pur CSS

administrateur

Le 14 juin 2014 à 8 h 50 min

Créé par David LAURENT | TMI | Webinnov™

Commentaires fermés classé dans : CSS3

Barre horizontale d’icônes pour réseaux sociaux

administrateur

Le 13 juin 2014 à 16 h 51 min

Créé par David LAURENT | TMI | Webinnov™

Commentaires fermés classé dans : CSS3

Menu déroulant en pur CSS

administrateur

Le 11 juin 2014 à 16 h 47 min

Créé par David LAURENT | TMI | Webinnov™

Commentaires fermés classé dans : CSS3

Ajouter une image illustrant le mois en cours sur votre blog

administrateur

Le 9 juin 2014 à 20 h 15 min

David LAURENT

Commentaires fermés classé dans : Javascript

Daytime intégré menu deroulant vertical

administrateur

Le 8 juin 2014 à 16 h 08 min

David LAURENT

Commentaires fermés classé dans : Javascript

Menu déroulant horizontal

administrateur

Le 7 juin 2014 à 13 h 28 min

David LAURENT

Commentaires fermés classé dans : Javascript

Coup de crayon sous votre lien html

administrateur

Le 5 juin 2014 à 19 h 19 min

corbeau

David LAURENT

Commentaires fermés classé dans : Javascript

jQuery plugin Space Gallery

administrateur

Le 2 juin 2014 à 20 h 23 min

<head></head>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/spacegallery.js"></script>

Code HTML

<div id="contenu">
      








<div id="myGallery" class="spacegallery">
            	<img style="top: 1.27761px; margin-left: -71px; opacity: 0.0912579;" src="img/01.jpg" alt="Photo" width="136">
                <img style="top: 3.86007px; margin-left: -83px; opacity: 0.184462;" src="img/02.jpg" alt="Photo" width="161">
                <img style="top: 7.8076px; margin-left: -109px; opacity: 0.281966;" src="img/03.jpg" alt="Photo" width="212">
                <img style="top: 13.2287px; margin-left: -130px; opacity: 0.387221;" src="img/04.jpg" alt="Photo" width="254">
                <img style="top: 20.3196px; margin-left: -154px; opacity: 0.506497;" src="img/05.jpg" alt="Photo" width="302">
             	<img style="top: 29.497px; margin-left: -184px; opacity: 0.655525;" src="img/06.jpg" alt="Photo" width="362">
             	<img style="top: 43.497px; margin-left: -248px; opacity: 1;" src="img/07.jpg" alt="Photo" width="490">
				<a class="" href="#"></a>
</div>








</div>

</div>

Commentaires fermés classé dans : Javascript,Tutoriel