Parallax Effect !!
تأثير بُعد المنظور، هو أحد أجمل التأثيرات في عالم الويب وهو مقتبس من العالم الحقيقي كما في المشهد في الصوره المرفقه، وتتلخص فكرته في وضع الصور في طبقات متراكبه لتبدو كأنها صوره واحده وفيها عمق، الأقرب من هذه الطبقات للأمام له حركه أسرع من الطبقة الاخيره
تأثير بُعد المنظور، هو أحد أجمل التأثيرات في عالم الويب وهو مقتبس من العالم الحقيقي كما في المشهد في الصوره المرفقه، وتتلخص فكرته في وضع الصور في طبقات متراكبه لتبدو كأنها صوره واحده وفيها عمق، الأقرب من هذه الطبقات للأمام له حركه أسرع من الطبقة الاخيره
ويتم التحكم بسرعتها عن طريق الجافاسكربت وله أمثله كثيره
١- الحركة مع الماوس:
تعتمد هذه الفكره على ربط حركة الطبقات بحركه الماوس فعند تحريك الماوس يتم تحريك العناصر في المقدمة بشكل أسرع من العناصر الخلفيه، مثل هذه المواقع
stockdutchdesign.com
delassus.com
١- الحركة مع الماوس:
تعتمد هذه الفكره على ربط حركة الطبقات بحركه الماوس فعند تحريك الماوس يتم تحريك العناصر في المقدمة بشكل أسرع من العناصر الخلفيه، مثل هذه المواقع
stockdutchdesign.com
delassus.com
٢- الحركة مع السكرول (النزول بالصفحه)
في هذه الفكره نقوم بربط حركة الطبقات مع الاسكرول بحيث الطبقات الأماميه تتحرك أسرع من الطبقات الخلفيه مثل هذه المواقع
أو كما في الفديو المرفق
drinkcann.com
zumi.gucci.com
في هذه الفكره نقوم بربط حركة الطبقات مع الاسكرول بحيث الطبقات الأماميه تتحرك أسرع من الطبقات الخلفيه مثل هذه المواقع
أو كما في الفديو المرفق
drinkcann.com
zumi.gucci.com
أبسط طريقة لتنفيذ هذا التأثير بإستخدام مكتبات الجافاسكريبت
..
هذي المكتبة الأولى
matthew.wagerfield.com
وهذي المكتبة الثانيه
dixonandmoe.com
وتوجد شروحات كثيرة على اليوتيوب بإستخدام مكتبات أخرى جاهزه أو أكواد Vanila Javascript بدون مكتبات.
..
هذي المكتبة الأولى
matthew.wagerfield.com
وهذي المكتبة الثانيه
dixonandmoe.com
وتوجد شروحات كثيرة على اليوتيوب بإستخدام مكتبات أخرى جاهزه أو أكواد Vanila Javascript بدون مكتبات.
جاري تحميل الاقتراحات...