استایل زیبا برای link ( قسمت 2 )

- visibility ۲ mode_comment

در این مطلب میخوام استایلی زیبا برای لینک ( link ) قرار بدم.

 

info نکته :

بعضی از این استایلها ممکنه که بر روی بعضی از مرورگرها بخوبی کار نکند.

کد HTML :

در این نوع استایل باید به تگ html خود کلاس csstransforms3d رو بدهید. بصورت زیر :

کد CSS :

info نکته :

این استایل خیلی با IE سازگاری ندارد.

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

موفق باشید. یا علی

comment دیدگاه کاربران
Masoud Azimi

با سلام خدمت استاد اسفندیاری عزیز…

خواستم بپرسم این تیکه کد چرا اعمال میشه…. آخه چرخش فقط باید در جهت X باشه….. ولی برای جهت Y هم مقداری چرخش درنظر گرفته شده است… و در دمو هم چرخشی به سمت Y نداریم!!!

transform: rotateX(90deg) translateY(-22px);

محمد اسفندیاری

با سلام
شما خودتون بصورت دستی همون قسمت y رو بردارید متوجه میشید…..با اینکار اومده و با استفاده از translateY اون المنت رو 22 پیکسل بالا برده که مشکل ظاهری نداشته باشه…

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.