Zillionx · February 22, 2015 03:01
diff --git a/Dim-the-rest-when-on-mouseover-div.markdown b/Dim-the-rest-when-on-mouseover-div.markdown
diff --git a/index.html b/index.html
 <html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>JS Bin</title>
 </head>
 <body>
  
 <div id="parent">  
  
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>

 </div>
  
  
  
 </body>
 </html>
diff --git a/script.js b/script.js
 /* Dim the rest when on mouseover */
diff --git a/style.css b/style.css
 body{
  background:#889;
 }



 #parent > div{
  float:left;
  padding:10px;
  background:#eee;
  width: 150px;
  height:100px;
  margin:8px;
  box-shadow: 0 1px 2px #334;
  
  -webkit-transition:1.8s;
  transition:1.8s;
 }

 /* fade ALL out on parent hover */
 #parent:hover > div{
  opacity:0.6;
 }

 /* fade ONE in on hover */
 #parent > div:hover{
   opacity:1;
 }