فريق الـWebkit يعلن اليوم عن خاصية جديدة وهي دعم الـMask في نفس المتصفح !
صراحة الفكرة روعة جدا .. واعتبرها عنيفة في نفس الوقت !
تخيل ان تكون لديك هذه الصورتين !

لتقوم بهذا الكود
<img src=”kate.png” style=”-webkit-mask-box-image: url(mask.png) 75 stretch;”>
بتحويلها الى هذا الشكل !

ليس هذا فقط مايمكنك فعله من خلال الـWebkit الجديد ، بل بإمكانك فعل اكثر من ذلك ..

بإمكانك مراجعة الموضوع كاملا والتفاصيل من هنا .
خطوة رائعة وبإمكانك تطبيقها على ملفات الفيديو كذلك !
قد يكون السؤال المتبادر للاذهان ! ما الفائدة ! ما الجدوى من هذه الخاصية ! وخاصة انه بالإمكان عمل ذلك من خلال محرر الصور ومن ثم رفعها على الموقع دون الحاجة للدخول في الاكواد !
منتظر افكاركم وردكم حول الموضوع





عنيف .. لكن كأنّه ليس من مميزات الـCSS الجديد .. شكله من عند آبل بس كده .. أو من فريق الـWebKit عموماً ..
هذا يفيدك في عمل الريفلكشن على الصور ( خصوصاً لو في أمر يقلب لك الصورة فوق تحت Flip بدون ما يحتاج يرندرها في ملف جديد .. يسير الشفافية في الرفلكشن من الماسك ..
حلوة الحركة لكن ما اعتقد ان فيه ناس بتستخدمها بكثرة..ما اعرف ليه…!!
لكن شخصيا بتعامل مع محرر الصور اسهل بدون لف و لا دوران