نحوه ساخت این منو [بایگانی]

ho3inamini

سه شنبه 10 دی 1392, 00:17 صبح

سلام دوستان
چه جوری میتونم یه منو مثل این سایت بسازم که ماوس رفت روش یه دایره دوره عکس منو بیاد؟
http://demo.joomlashine.com/joomla-templates/jsn_metro/pro/index.php?option=com_content&view=article&id=103&Itemid=435

meysam1366

سه شنبه 10 دی 1392, 01:49 صبح

سلام دوست عزیز

این دایره توسط کد سی اس اس border-radius ساخته میشه

mahdavi1456

سه شنبه 10 دی 1392, 09:59 صبح

سلام
وقتی شما یه مربع داشته باشی مثلا 400*400 پیکسل و بهش border-radius:200px; بدی (یعنی نصف طول) دایره میشه.

ho3inamini

سه شنبه 10 دی 1392, 15:28 عصر

ممنونم از پاسخاتون.
ولی میدونم که با css3 میشه چنین چیزی ساخت ولی من میخوام وقتی ماوس روی آیتم منو رفت یک دایره از سایز کوچیک به بزرگ نمایش داده شه (این کار رو میشه با css کرد) و مشکلم اینجاس که برای چه قسمتی از منو باید کد css رو قرار بدم.برا image که نیست؟

barzin144

سه شنبه 10 دی 1392, 19:01 عصر

با دستور

transform:scale(4,4);
-ms-transform:scale(4,4); /* IE 9 */
-webkit-transform:scale(4,4); /* Safari and Chrome */
میتونی در :hover دایره رو بزرگ کنید.