آشکار شدن متنی بالا و پایین منو هنگام hover

[bftarane]

سلام.
آیا نمونه آموزشی شبیه به افکتی که در لینک زیر با hover روی ناقوس و ... ایجاد میشه سراغ دارید؟
http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=50622

ممنون.
البته یه راه شاید این باشه که سه تا دیو زیر هم بچینیم و بالا و پایینی رو display شون رو none کنیم و موقع hover، حالا Display رو بلاک کنیم.
ولی دنبال آموزش شسته رفته تری هستم چون مطمئنن من نمی تونم به اون قشنگی خودم کار رو از آب در بیارم.

[vimax23]

به کمک :after و :before میتونی قبل و بعد از هر المانی روی صفحه خودت یه کاری انجام بدی ، با
transition {webkit/ms/o/moz} میتونی تنظیم حرکتشو انجام بدی بعد با left / right / top / bottom میتونی موقعیت قبل و بعد از قرارگیری ماوس رو تغییر بدی