Profile Picture Customization

What shape?

<style>
    /* This will give you a circle with a square pic and an oval with a rectangular pic */
    .general-about .profile-pic {
        border-radius: 100%;
        overflow: hidden;
    }




    /* Or this will give you a triangle */
    .general-about .profile-pic {
        transform: skewX(-16deg);
        overflow: hidden;
        /* If you remove this next line you'll get a hexagon shape instead */
        /* Which sorta looks like a coffin with your tall rectangular pic */
        transform-origin: bottom;
    }

    .general-about .profile-pic img {
        transform: skewX(32deg);
        transform-origin: inherit;
    }
</style>

Star