illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!
2 2511 ۲۲ شهریور ۹۳ محمد اسفندیاری

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

 

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

کد HTML :

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

کد CSS :

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

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

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

نوع کد رايگان

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Masoud Azimi(۱۷ آذر ۱۳۹۵)

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

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

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

    • ‏‏
      محمد اسفندیاری(۱۷ آذر ۱۳۹۵)

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram