الأربعاء، 7 مارس 2018

احصل على هذة الاداة من هنا

تغيير شكل الصور عن طريق css



السلام عليكم ورحمة
الله وبركاته


نعود اليكم بدرس جديد يتمحور حول كيفية تغيير شكل الصور الى عدة
أشكال فقط عن طريق css



طريقة التركيب:

    1. قم بنسخ كود أحد الأشكال في الأسفل
    2. ثم ضعه على الشكل التالي


    <img src="xxxxxx.png" style="هنا كود الشكل الذي قمت بنسخه"/>


    الشكل 1
    -


    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);






    الشكل 2
    -


    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);







    الشكل 3
    -


    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);







    الشكل 4
    -



    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);






      1. فقط قم بالتعديل على القياسات بالأكواد لتصنع أشكال خاصة بك



    هناك تعليق واحد

    1. السلام عليكم
      كيف حالك أخي عصام
      أريد التواصل معك بالإستفسار بتعديل أحد قوالب مدونتي
      أعطني حسابك على الفيس بوك أو أحد مواقع التواصل .

      ردحذف


    EmoticonEmoticon