omidabedi
یک شنبه 14 مهر 1392, 11:28 صبح
مرسی آره با این کدا تقریباً مشابهش در می یاد.
<head runat="server">
<title></title>
<style type="text/css">
.r{
background:url(1.png);
width:100px;
height:100px;
background-repeat:no-repeat;
}
.r:hover
{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
background:url(2.png);
background-repeat:no-repeat;
width:100px;
height:100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="r"></div>
</form>
</body>
ولی اون یه حرکت آهسته داره. اگه کسی لینکی در این رابطه سراغ داره قرار بده ممنون.
اینارو اضاف کن به #div
transition:1s ease;
-webkit-transition:1s ease;
اینو هم به div:hover اضاف کن
transition:1s ease;
-webkit-transition:1s ease;