Bienvenue sur Geeklog France, anonyme 02 décembre 2016 - 18:54

Exemple 1

CSS

.inputbox {
   background: none repeat scroll 0 0 #ECEBEB;
   border: 1px solid #FFFFFF;
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
   color: #656565;
   font-family: arial;
   font-size: 0.9em;
   margin-bottom: 4px;
   margin-top: 4px;
   padding: 6px;
   transition: all 200ms ease-out 0s;
}
.inputbox:hover {
   background: none repeat scroll 0 0 #F8F8F8;
   border: 1px solid #DDDDDD;
   transition: all 200ms ease-in 0s;
}
.button {
   border:0px;
   background: -moz-linear-gradient(center top , #2F2F2F 26%, #3E3E3E 91%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border-radius: 4px;
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
   color: #FBFBFB;
   cursor: pointer;
   display: inline;
   font-size: 0.9em;
   font-style: italic;
   font-weight: bold;
   margin: 0 8px 0 0;
   padding: 5px 15px;
   position: relative;
}
.button:hover {
   background: -moz-linear-gradient(center top , #3E3E3E 26%, #2F2F2F 91%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   position: relative;
}

|