افکتهای زیبا برای Border بصورت انیمیشن ( نمونه سوم )

- visibility ٧ mode_comment

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

کدهای HTML :

کدهای CSS :

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

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

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

Source

comment دیدگاه کاربران
poOrya

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

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

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

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

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

poOrya

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

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

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

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

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

امیدوارم بقیه هم همانند شما از این مدل خوششون بیاد
این باعث خوشحالی من میشه
موفق باشید

نیاز به لاگین

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