לחתוך תמונות עם CSS בעזרת object-fit

אתמול נתקלתי במקרה בו רציתי שתמונה שמוצגת בדסקטופ בתצורה מסויימת, תיחתך במובייל.

זה על מנת למנוע כפילויות בתמונות – אחת מותאמת לדסקטופ ואחת למובייל.

גיליתי שיש דרך יחסית חדשה לחתוך תמונות בתג <img> בעזרת CSS – שימוש במאפיין object-fit.

ההדרכה שכאן למעלה מסבירה וממחישה את זה בצורה מעולה ואינטואיטיבית מאוד.

דברים שאני כותב, קוד ופיתוח אתרים,

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פוסט בהפתעה?