یک تصویر پروفایل بسازید که با استفاده از clip-path به شکل شش‌ضلعی نمایش داده شود و هنگام هاور کمی بزرگ‌تر شده و سایه بگیرد.

برای پروفایل شش‌ضلعی از clip-path: polygon(...) با درصدها استفاده کنید تا پاسخ‌گویی سایت حفظ شود. برای Safari هم -webkit-clip-path را اضافه کنید و حتماً نتیجه را روی نسخه‌های مختلف مرورگرها بررسی کنید. تصویر را در یک باکس با اندازه ثابت و با object-fit: cover قرار داده و برای پشتیبانی موبایل و مرورگرهای قدیمی از overflow: hidden یا border-radius استفاده کنید. و برای اثر هاور، از transition و transform: scale(...) به همراه box-shadow با transform-origin:center بهره ببرید تا تغییر اندازه به‌طور روان و متمرکز باشد.