یک مثال css3

[AmirRezanezhad]

سلام.تو این مثال وقتی کاربر ماوس رو روی تصویر میبره تصویر عوض میشه.
Html:
<div id="cf">
<img class="bottom" src="/images/Windows%20Logo.jpg" />
<img class="top" src="/images/Turtle.jpg" />
</div>
==================
css:
#cf {
position:relative;
height:281px;
width:450px;
margin:0 auto;
}

#cf img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
opacity:0;
}

اگه بدردتون خورد بگین بازم بزارم:قلب:

[Mohammad_dn]

بهتر بود اینارو توی بخش دیزاین میزاشتی

[AmirRezanezhad]

بهتر بود اینارو توی بخش دیزاین میزاشتی

خونه ی من اینجاست .... جای دیگه نمیرم :لبخند: