هناك أفضل
Soon Soon Soon

25 April 081:12

فريق الـ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 على “الان WebKit يدعم الـMask !”


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

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









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