وبسایت تخصصی قالب گراف

ما در این پست می خواهیم کد انیمیشن متحرک ساده ای را با شما به اشتراک بگذاریم، ایده این کد این است که یک تصویر را با تکه هایی پوشانده و آشکار کنید تا بتوانید آن را مخفی یا نشان دهید. برش ها می توانند عمودی یا افقی و از جهات مختلف باشند. بازی با تعداد تکه ها، تاخیر ها و رنگ ها، مجموعهای از تصاویر را برای این اثر ایجاد می کند.

ما در این پست می خواهیم یک راه دیگر و جدیدی برای دستیابی به تغییرات منوها و پیوندها را برای شما به اشتراک بگذاریم. در این کد، منحنی های SVG متعددی با جاوا اسکریپت ایجاد می شود و امکان ایجاد بسیاری از شکل های مختلف را به ما می دهد. با کنترل مختصات منحصر به فرد از چندین لایه از مسیرهای SVG، شکلهای منحنی به یک پوسته با حرکت جادویی تحریک می شود. در این کد با تنظیم منحنی، سرعت و مقدار تاخیر، می توان بسیاری از اثرات جالب ایجاد کرد. 

ما در این پست می خواهیم به شما نشان دهیم چگونه برخی از افکت های شناور ساده و در عین حال شیک برای زیرنویس تصاویر ایجاد کنید. ایده این کد به این شکل است که یک طرح شبکه¬ای داشته باشید و یک افکت شناور که شامل مواردی چون: عنوان، نویسنده و یک دکمه پیوند را نشان می دهد، اعمال کنید. برای برخی از افکت ها، از تبدیل 3D استفاده شده است. هدف از این کار این است که افکت ها را با ظرافت و الهام بخشیدن به بسیاری از تغییرات مختلف حفظ کنید.

در این پست ما قصد داریم مجموعه ای از کد استایل دکمه بارگذاری (پیشرفت) تخت و 3D که در آن دکمه خود به عنوان نشانگر پیشرفت، کار می کند را در اختیار شما قرار دهیم. سبک 3D برای نشان دادن نشانگر پیشرفت در یک طرف دکمه در حالی که چرخاندن دکمه در جلوه ویژه استفاده می شود. با استفاده از چشم انداز به ما این امکان را می دهد برخی از جلوه های سه بعدی سرگرم کننده را علاوه بر سبک های "پر کردن" صاف ایجاد کنیم. 

ما در این پست کد افکت های هاور در اختیار شما قرار می دهیم که ازsvg برای شکل دادن آن استفاده کرده ایم. فرصت های خلاق بسیاری وجود دارد و امروز ما سه مثال مختلف را ایجاد خواهیم کرد. یکی از مزایای استفاده SVG این است که ما می توانیم اندازه شکل را به اندازه کانتینر اصلی خود تنظیم کنیم و همه چیز را شناور کنیم.

شما با این کتابخانه گرافیکی بسیارقدرتمند می توانید کارهای عالی انجام دهید و ما در این پست می خواهیم برخی انیمیشن های آیکون با استفاده از این کتابخانه جاوا اسکریپت با شما به اشتراک بگذاریم. در ادامه با ما همراه باشید...

ما در این پست می خواهیم شما را با برخی افکت های شناور تصویر آشنا کنیم. ما می خواهیم یک تحرکی به تصویرمان بدهیم ( که می تواند یک لینک یا به سادگی یک آیتم شبکه معمولی باشد) بدین صورت که یک قسمت با قرار گرفتن نشانه موس یک افکت شیب دار را نمایش دهد.

امروز با ایده جدید همراه شما هستیم !

باکس نیازمندی به شما کمک میکند تا با دسترسی هرچه سریعتر به بخش های مورد نظر شما در سایت ، گشت و گذار را برای خود لذت بخش کنید !

برای آموزش و دریافت آنلاین کد به ادامه مطلب مراجعه فرمایید.