الان WebKit يدعم الـMask !

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

صراحة الفكرة روعة جدا .. واعتبرها عنيفة في نفس الوقت !

تخيل ان تكون لديك هذه الصورتين !

200804250054.jpg 200804250055.jpg

لتقوم بهذا الكود

<img src=”kate.png” style=”-webkit-mask-box-image: url(mask.png) 75 stretch;”>

بتحويلها الى هذا الشكل !

200804250055.jpg

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

200804250056.jpg

بإمكانك مراجعة الموضوع كاملا والتفاصيل من هنا .

خطوة رائعة وبإمكانك تطبيقها على ملفات الفيديو كذلك !

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

منتظر افكاركم وردكم حول الموضوع 🙂

2 Replies to “الان WebKit يدعم الـMask !”

  1. حلوة الحركة لكن ما اعتقد ان فيه ناس بتستخدمها بكثرة..ما اعرف ليه…!!
    لكن شخصيا بتعامل مع محرر الصور اسهل بدون لف و لا دوران 🙂

  2. عنيف .. لكن كأنّه ليس من مميزات الـCSS الجديد .. شكله من عند آبل بس كده .. أو من فريق الـWebKit عموماً ..

    هذا يفيدك في عمل الريفلكشن على الصور ( خصوصاً لو في أمر يقلب لك الصورة فوق تحت Flip بدون ما يحتاج يرندرها في ملف جديد .. يسير الشفافية في الرفلكشن من الماسك ..

Comments are closed.