السلام عليكم ورحمة
الله وبركاته
نعود اليكم بدرس جديد يتمحور حول كيفية تغيير شكل الصور الى عدة
أشكال فقط عن طريق css
طريقة التركيب:
- قم بنسخ كود أحد الأشكال في الأسفل
- ثم ضعه على الشكل التالي
<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%);
- فقط قم بالتعديل على القياسات بالأكواد لتصنع أشكال خاصة بك
السلام عليكم
ردحذفكيف حالك أخي عصام
أريد التواصل معك بالإستفسار بتعديل أحد قوالب مدونتي
أعطني حسابك على الفيس بوك أو أحد مواقع التواصل .