CSS kodea:
.css3_nudge ul li a {
-webkit-transition-property: color, background-color, padding-left, border-right;
-webkit-transition-duration: 400ms, 400ms, 400ms, 400ms;
}
.css3_nudge ul li a:hover {
background-color: #efefef;
color: #333;
padding-left: 50px;
border-right: 1px solid red;
}
HTML kodea:
<div class="css3_nudge nudge">
<ul>
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="Blog">Blog</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="Register">Register</a></li>
<li><a href="#" title="Contact">Contact</a></li>
</ul>
</div>
Trantsizioak ondo funtzionatzen du elementu guztietarako, baina ertzak, 400 ms-ren amaieran agertzen da, ez du eraginik ertzak.
Aldez aurretik eskerrik asko emandako laguntzagatik