6

كيف تعمل هذه التأثيرات

كيف تعمل هذه التأثيرات

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

2
zakariamouhid أضف ردا

السر في

    mix-blend-mode: hue;
1
zakariamouhid أضف ردا

ال input منتشر على الشاشة وأينما ضغطت في الشاشة تكون قد ضغطت عليه

وواجهته لها اللون المختار

والصورة هي خلفية لل body

وعند إظافة الكود أعلاه على ال input يتم الدمج بطريقة معينة بين لونه و خلفية ال body

يمكن الإقتصار فقط علا هذه الأكواد

HTML

<input type="color" value="#0000ff">

CSS

body {
    background: url(

https://s3-us-west-2.amazon... 25%/cover;
height: 100vh; margin: 0; } input { padding: 0; border: none; position: absolute; width: 100%; height: 100%; mix-blend-mode: hue; cursor: pointer; }

0
yahya11 أضف ردا

أحسنت و أبدعت لم تمر علي من قبل 

mix-blend-mode: hue;

of code

0
zakariamouhid أضف ردا

وأنا أيضا أول مرة أراه

بدأت أزيل الأكواد شيئا فشيئا إلى أن إكتشفته

1
Mhmd_alharbi أضف ردا

سوف أوضح لك طريقة عمل هذا التأثير

أولا توضع الخلفية على كامل الشاشة

ويوضح input من نوع خالط الوان

ثم توضع له فلتر hue عن طريق mix-blend-mode مثل فلترات الفوتوشوب

وتلاحظ أنه اذا ضغطت على السيارة يمكنك تغير اللون

document.getElementById("input_color").value = "#0066ff";

0
عبد الرحمن أحمد أضف ردا

هل تقصد كيف يمكن عملها أم كيف هي تعمل ؟

لأن الكود موجود فاستغربت السؤال !

1
yahya11 أضف ردا

كيف تعمل لأنه يوجد حدث اظهار اللوان دون اكواد javascript

0
Julian_Mhamed أضف ردا

أستغربت ايضاً عندما لم أرى الجافاسكربت

0
samadi أضف ردا

قام بوضع input كعنصر كامل في الصفحة ونوع الانبوت هو color وفي حال ضغط في مكان عشوائي في الصفحة فانك بدالك تضغط على input ويضهر لك قائمة الالوان

وهده هي الخاصية المسؤولة mix-blend-mode عن تغيير اللون على الصورة فهي تقوم بجعلهم مزيج يجعل لون input يؤتر على لون الصورة

الخلاصة الخاصية تقوم بمزج لون السيارة الاصلي مع لون input لتخرج بلون اخر

متال لون ان لون السايرة ازرق لون ضغطنا واخترنا اللون الاصفر فهي ستقوم بحمع اللون الاصفر مع اللون الازرق لتعطي لنا لون اخضر او ازرق داكن او اصفر داكن على حسب شدة اللون المختارة

هده هي المسببة في كل دالك

mix-blend-mode

اتمنى ان اكون قد شرحت لك او بينت لك وقد اكون مخطا