حرکت لینک در css3

Barnara

Barnara

کاربر متخصص 3ds max
سلام دوستان، من یه مشکل توی حرکت کردن تگ لینک ها با CSS3 دارم، ممنون میشم کمکم کنید.
توی قالبم میخوام هرچی تگ a بود، وقتی ماوس میره روش بوسیله ی translate تکون بخوره اما این اتفاق نمیفته. روی Divتگ ها مشکلی نداره اما برای تگ a این اتفاق نمیفته، ممنون میشم راهنماییم کنید!



----------------------------------------------------------------------------------------------------------------

دوستان حل شد، position رو برابر Fixed قرار دادم درست شد.
 
آخرین ویرایش:
L

L-B

Well-Known Member
خدمت شما ( اگر درست متوجه شده باشم )

[HTMLS]

<html>
<head><title>Moving Links - Css3</title>
<style type="text/css" media="screen">
a { text-decoration:none; display:inline-block

}
a:hover {

transform:translate(30px);
-ms-transform:translate(30px); /* IE 9 */
-moz-transform:translate(30px); /* Firefox */
-webkit-transform:translate(30px); /* Safari and Chrome */
-o-transform:translate(30px); /* Opera */


transition: transform 2s;
-moz-transition: transform 2s; /* Firefox 4 */
-webkit-transition: transform 2s; /* Safari and Chrome */
-o-transition: transform 2s; /* Opera */
}

h1,h2 { color:tomato; font-family:tahoma;}
h1:hover,h2:hover { color:red; }
div { background:rgb(87, 87, 87); border:4px dashed #ddd; padding:10px; margin:100px auto; width:300px;}

</style>
/</head>

<body>
<div style="text-align:center;">
<a href="#"><h1>Link 1</h1></a><br/>
<a href="#"><h2>Link 2</h2></a><br/>
<a href="#"><h2 style="font-size:12px !important;">[L-B]<h2></a>
</div>
</body>

</html>

[/HTMLS]

ترنزیشنش نمیدونم چرا تو کروم من کار نمیکنه !!!!!!!!!!
 
آخرین ویرایش:
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا