CSS3 Hover event

by Neeraj Yadav

HTML

<div class="hover">
  <img width="100px" height="100px" src="http://www.w3schools.com/images/w3logotest2.png" />
</div>

CSS

div.hover {
  border: 1px solid rgba(0, 0, 0, 0);
  height: 100px;
  width: 100px;
  background-color: #ffffff;
  transition: border-color 1s linear;
  -moz-transition: border-color 1s linear;
  /* FF3.7+ */
  -o-transition: border-color 1s linear;
  /* Opera 10.5 */
  -webkit-transition: border-color 1s linear;
  /* Saf3.2+, Chrome */
}

div.hover:hover {
  border-color: rgba(1, 1, 1, 1);
}