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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

در این مطلب سومین نمونه از Border Animation رو در اختیارتون قرار میدم.

کدهای HTML :

کدهای CSS :

میبینید که زمانی که روی Box مورد نظر هاور میکنید ، Border اون بصورت انیمیشنی تغییر میکنه.

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

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

Source

نوع کد رايگان

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

  • ‏‏

    سلام
    توی آموزشی که دادید قسمت سی اس اس یه سری کدها نوشتید که من جایی ندیدم ، میشه منبع آموزششون رو قرار بدید یا توی سایت خوبتون آموزش بدید؟

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

      در پایین صفحه قرار دادم منبع رو…البته این سایت فیلتر هست
      موفق باشید

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

      در نت در مورد همین ویژگی هایی که نمیدونین سرچ کنین ، حتما به مطالب خوبی دست پیدا میکنید…..یکی از هدف های من هم همین هست که به شما چیزهایی که بلد نیستین رو نشون بدم و شما رو درگیر یادگیری اونا کنم

  • ‏‏

    بله ، اتفاقا با جستجوی که انجام دادم متوجه شدم اس وی جی هست
    توی منابع فارسی آموزش کاملی نیست متاسفانه ، توی منابع انگلیسی زبان هم W3Schools خیلی کوتاه و مختصر توضیح داده ، این روش خیلی روش خوبی هست اما این چیزی رو عوض نمی کنه و ما منتظر آموزش کامل از سون لرن هستیم 😆

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

      ببینید دوست عزیز اولا که شما باید با jquery و javascript و svg و xml و html و css آشنایی کامل داشته باشین…..مخصوصا css3….بعد از اینکه اینارو بلد باشین تازه در این مقاله به چیزایی بر میخورین که با اونا آشنا نیستین….حالا دیگه باید برین سرچ کنین…….
      http://www.timothywebtemplates.net/web-design-tutorials/javascript/svg.html
      برین به این لینک خیلی کمکتون میکنه

  • ‏‏
    محمدحسین(۱۳ دی ۱۳۹۳)

    یعنی من عاشق این دمو گذاشتنتونم
    خیلی خیلی ممنون

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram