Advertisement
alchymyth

band css

Jun 5th, 2011
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.28 KB | None | 0 0
  1. /* petit testouille #2 */
  2.  
  3. div.desc{
  4.  z-index:100;
  5.  float:left;
  6.  width:158px;
  7.  height:345px;
  8.  margin:5px;
  9.  /*clear:both;*/
  10. }
  11.  
  12.  #zoomin{
  13.  position:relative;
  14.  width:158px;
  15.  height:320px;
  16.  }
  17.  
  18.  #zoomin img{
  19.  position:absolute;
  20.  top:0;
  21.  left:0;
  22.  z-index:0;
  23.  }
  24.  
  25.  #zoomin .details{
  26.  opacity: .9;
  27.  position:absolute;
  28.  top:10px;
  29.  left:0;
  30.  z-index:999;
  31.  background-color:#000000;
  32.  -webkit-transform: scale(0);
  33.  -webkit-transition-timing-function: ease-out;
  34.  -webkit-transition-duration: 250ms;
  35.  -o-transform: scale(0);
  36.  -o-transition-timing-function: ease-out;
  37.  -o-transition-duration: 250ms;
  38.  -moz-transform: scale(0);
  39.  -moz-transition-timing-function: ease-out;
  40.  -moz-transition-duration: 250ms;
  41.  transform: scale(0);
  42.  transition-timing-function: ease-out;
  43.  transition-duration: 250ms;
  44.  }
  45.  
  46.  #zoomin:hover .details{
  47.  -webkit-transform: scale(1);
  48.  -webkit-transition-timing-function: ease-out;
  49.  -webkit-transition-duration: 250ms;
  50.  -o-transform: scale(1);
  51.  -o-transition-timing-function: ease-out;
  52.  -o-transition-duration: 250ms;
  53.  -moz-transform: scale(1);
  54.  -moz-transition-timing-function: ease-out;
  55.  -moz-transition-duration: 250ms;
  56.  transform: scale(1);
  57.  transition-timing-function: ease-out;
  58.  transition-duration: 250ms;
  59.  }
  60.  
  61. /*fin de petit testouille #2 */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement