جهت ورود به تالار گفتمان سایت کلیک کنید


افکت پارالاکس حباب برای پس زمینه وب سایت ( html5 , css3 )

طبق ایمیل های فراوانی که برای معرفی افکت های پارالاکس در وب سایت داشتم , تصمیم گرفتم از این به بعد بیشتر به این نوع افکت های زیبا بپردازم و مطالب بیشتری در این زمینه به صورت آموزشی منتشر کنم .

پارالاکس (Parallax)  در لغت به معنای اختلاف منظر است ولی در طراحی وب به معنی تکنیک‌های پیمایش در صفحه برای عمق بخشی به وب سایت است.

در اولین پستی که در رابطه با این نوع طراحی منتشر میکنم , یک افکت زیبا که فقط با html5 و css3 طراحی شده است را برای شما کاربران گرامی آماده ساخته ام .

این افکت میتواند پس زمینه شما را به صورت دایره های چند بعدی تبدیل کرده که با تغییر مکان نمای ماوس , دایره ها به صورت زیبایی جابجا میشوند .

افکت پارالاکس حباب برای پس زمینه وب سایت ( html5 , css3 )

و اما آموزش :

برای این کار کافیست کد های html زیر را در قسمت body وب سایت خود قرار داده :

و سپس کد های زیر را در css وب سایت خود قرار دهید :

دموی افکت

دانلود فایل آماده افکت پارالاکس حباب برای پس زمینه وب سایت ( html5 , css3 )

پخش اختصاصی

آموزش : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *