تغيير حجم الصورة وتدوير الزوايا باستخدام CSS

The idea is to use the background-size: التغطية; CSS property which handles the centering, cropping and, حسنا, covering. Here’s an extract from the fiddle: div.yourWrapper { عرض: 50بكسل; ارتفاع: 50بكسل; -بكت الحدود نصف قطرها: 10بكسل; -MOZ الحدود نصف قطرها: 10بكسل; الحدود بين دائرة نصف قطرها: 10بكسل; خلفية: رابط(‘some_image.jpg’) no-repeat center center; -webkit-background-size: التغطية; -moz-background-size: التغطية; -o-background-size: التغطية; background-size: التغطية; }